:root{--navy:#071a33;--navy2:#102b50;--blue:#1d5fa7;--red:#c73636;--ink:#172033;--muted:#687386;--line:#dfe5ed;--paper:#fff;--bg:#f4f7fb;--green:#18794e;--amber:#a15c00;--shadow:0 18px 50px rgba(15,36,66,.1)}
*{box-sizing:border-box}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}
a{color:inherit}.crm-shell{width:min(1440px,calc(100% - 32px));margin:auto}.crm-topbar{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.14)}
.crm-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.crm-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.crm-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.crm-brand strong,.crm-brand small{display:block}.crm-brand small{color:#b9cae2;font-size:12px}
.crm-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-nav a,.crm-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;background:transparent;color:#dce8f8;padding:10px 12px;border-radius:9px;text-decoration:none;font:inherit;cursor:pointer;touch-action:manipulation}.crm-nav a:hover,.crm-nav a.active,.crm-nav button:hover{background:rgba(255,255,255,.12);color:#fff}.crm-nav form{margin:0}
.crm-nav .dashboard-section-link,.crm-nav .tour-section-link,.crm-nav .pricing-section-link,.crm-nav .vendor-section-link,.crm-nav .ticketing-section-link,.crm-nav .todo-section-link{border:1px solid rgba(255,255,255,.22);font-weight:800}.crm-nav .dashboard-section-link.active,.crm-nav .tour-section-link.active,.crm-nav .pricing-section-link.active,.crm-nav .vendor-section-link.active,.crm-nav .ticketing-section-link.active,.crm-nav .todo-section-link.active{background:#fff;color:var(--navy)}
.crm-notification-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px}.crm-bell{font-size:19px;line-height:1}.crm-notification-badge{position:absolute;top:2px;right:1px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--navy);border-radius:999px;background:#e33b3b;color:#fff;font-size:10px;font-weight:900;line-height:1}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.crm-main{padding:34px 0 60px}.crm-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.crm-heading>div,.dashboard-section-head>div,.crm-panel-head>div{min-width:0}.crm-heading h1{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}.crm-heading p{margin:6px 0 0;color:var(--muted)}
.crm-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:11px 16px;font-weight:700;text-decoration:none;cursor:pointer;touch-action:manipulation}.crm-button:hover{filter:brightness(.95)}.crm-button.secondary{background:#e8eef7;color:var(--navy)}.crm-button.red{background:var(--red)}.crm-button.small{padding:8px 11px;font-size:13px}
.crm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:var(--shadow)}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;margin-top:8px;font-size:32px}.metric strong.metric-date{font-size:16px;line-height:1.35}.metric small{color:var(--muted)}
.crm-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px}.crm-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.crm-panel-head h2{margin:0;font-size:20px}.crm-panel-body{padding:20px}
.crm-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;align-items:end}.crm-filters .search{grid-column:span 2}.crm-field{min-width:0}.crm-field label,.crm-field>span{display:block;margin:0 0 6px;color:#354056;font-size:13px;font-weight:700}.crm-field input,.crm-field select,.crm-field textarea{width:100%;min-width:0;border:1px solid #cfd7e3;border-radius:9px;background:#fff;color:var(--ink);padding:10px 11px;font:inherit}.crm-field input,.crm-field select{min-height:44px}.crm-field textarea{min-height:120px;resize:vertical}.crm-field input:focus,.crm-field select:focus,.crm-field textarea:focus{outline:3px solid rgba(29,95,167,.14);border-color:var(--blue)}
.dashboard-section{scroll-margin-top:92px;margin:0 0 42px}.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px}.dashboard-section-head h2{margin:3px 0 0;font-size:clamp(24px,3vw,32px);color:var(--navy)}.dashboard-section-head p{margin:5px 0 0;color:var(--muted)}.dashboard-section-kicker{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.dashboard-filter-panel{border-color:#c8d8e9}.dashboard-filter-grid .filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-ticket-table,.dashboard-task-table{min-width:980px}
.password-toggle{display:flex;align-items:center;gap:8px;margin:2px 0 16px;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.password-toggle input{width:18px;height:18px;margin:0;accent-color:var(--blue)}
.crm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.crm-form-grid .wide{grid-column:1/-1}
.crm-table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.crm-table{width:100%;border-collapse:collapse;min-width:850px}.crm-table th,.crm-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}.crm-table th{background:#f8fafc;color:#556074;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.crm-table tr:last-child td{border-bottom:0}.crm-table tr:hover td{background:#fbfdff}.lead-name{font-weight:800;text-decoration:none;color:var(--navy)}.lead-sub{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#e7eef8;color:#25466f;font-size:12px;font-weight:800;text-transform:capitalize;white-space:nowrap}.badge.new{background:#e3f1ff;color:#075985}.badge.won,.badge.ticketed{background:#dcfce7;color:#166534}.badge.lost,.badge.cancelled{background:#fee2e2;color:#991b1b}.badge.contacted,.badge.itinerary_sent{background:#e9eefb;color:#334e8a}.badge.fare_quoted{background:#e9e3ff;color:#5b35a6}.badge.awaiting_payment{background:#fff1d6;color:#8a4b00}.badge.booked{background:#dff7f2;color:#0f6e62}.badge.urgent{background:#fee2e2;color:#991b1b}.badge.high{background:#fff1d6;color:#8a4b00}.badge.b2b{background:#efe7ff;color:#6132a8}.badge.b2c{background:#e0f7ee;color:#0f6e4c}
.badge.pending{background:#fff1d6;color:#8a4b00}.badge.active{background:#dcfce7;color:#166534}.badge.disabled{background:#fee2e2;color:#991b1b}.staff-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.staff-actions form{margin:0}.staff-table{min-width:1080px}.staff-password-reset{min-width:180px}.staff-password-reset>summary{display:inline-flex;align-items:center;min-height:34px;border:1px solid #b9c9dd;border-radius:8px;background:#fff;color:var(--navy);padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}.staff-password-reset[open]>summary{margin-bottom:9px}.staff-password-reset form{display:grid;gap:10px;width:min(320px,78vw);border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:12px}.staff-password-reset .password-toggle{margin:0}.staff-password-reset small{display:block;color:var(--muted);line-height:1.45}
.badge.in_progress{background:#e3f1ff;color:#075985}.badge.completed{background:#dcfce7;color:#166534}.task-table{min-width:980px}.task-row.is-completed .lead-name{text-decoration:line-through;color:var(--muted)}.task-row.is-completed td{background:#f8fbf9}.task-alert-copy{margin:16px 0 0;border-left:3px solid var(--amber);padding:9px 11px;background:#fff8ea;color:#754400}.task-alert-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;border:1px solid #f3c878;border-radius:15px;background:#fff8e8;padding:16px 18px;box-shadow:var(--shadow)}.task-alert-banner strong,.task-alert-banner span{display:block}.task-alert-banner span{color:var(--muted);font-size:13px}.todo-crm .notification-icon{background:#e8f7ef;color:var(--green);font-weight:900}
.kpi-overview-panel,.admin-kpi-dashboard{border-color:#aac8e6}.kpi-overall-score,.kpi-score-badge{display:inline-flex;align-items:center;border-radius:999px;background:#dfeeff;color:var(--navy);padding:7px 11px;font-weight:900}.kpi-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-score-grid article{border:1px solid var(--line);border-radius:13px;background:#f8fafc;padding:15px}.kpi-score-grid span,.kpi-score-grid small{display:block;color:var(--muted)}.kpi-score-grid span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.kpi-score-grid strong{display:block;margin:6px 0 2px;font-size:28px;color:var(--navy)}.kpi-formula-note{margin:16px 0 0;border-left:4px solid var(--blue);background:#eef6ff;padding:12px 14px;color:var(--muted)}.kpi-table{min-width:1120px}.admin-kpi-table{min-width:1280px}
.staff-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.staff-access-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:14px}.staff-access-grid span,.staff-request span{display:block;color:var(--muted);font-size:12px}.staff-access-grid strong{display:block;margin-top:4px;font-size:25px}.pending-staff-list{margin-top:20px}.pending-staff-list h3{margin:0 0 10px}.staff-request{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:12px 0}.staff-request form{margin:0}.staff-all-clear{margin:18px 0 0;color:var(--green);font-weight:700}
.staff-name-link{display:inline-block;color:var(--navy);font-weight:850;text-decoration:none}.staff-name-link:hover{text-decoration:underline}.staff-notes-table{min-width:760px}.staff-note-text{max-width:600px;white-space:pre-wrap;line-height:1.5}
.notification-list{display:grid;gap:12px}.notification-item{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff}.notification-item.unread{border-color:#93b9df;background:#f1f7ff;box-shadow:inset 4px 0 0 var(--blue)}.notification-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#e8f1fb;font-size:20px}.notification-copy{min-width:0;flex:1}.notification-copy p{margin:4px 0;color:var(--muted)}.notification-copy small{color:var(--muted)}.notification-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notification-title a{color:var(--navy);font-size:16px;font-weight:850;text-decoration:none}.notification-title a:hover{text-decoration:underline}
.crm-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:22px}.lead-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.lead-hero h1{margin:4px 0 6px}.lead-actions,.edit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lead-contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.lead-contact a{background:#edf3fa;color:var(--navy);padding:8px 10px;border-radius:8px;text-decoration:none;font-weight:700}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-item{border-bottom:1px solid var(--line);padding-bottom:12px}.detail-item span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:700}.detail-item strong{display:block;margin-top:4px;word-break:break-word}.message-box{white-space:pre-wrap;background:#f7f9fc;border-radius:12px;padding:16px;margin-top:16px}.notes{display:grid;gap:12px}.note{border-left:3px solid var(--blue);background:#f7f9fc;border-radius:0 10px 10px 0;padding:12px 14px}.note p{margin:0 0 5px;white-space:pre-wrap}.note small{color:var(--muted)}.edit-lead-panel{border-color:#bdd3eb}.delete-lead-panel{border-color:#efb8b8}.delete-lead-panel .crm-panel-head{background:#fff5f5;color:#8b2020}.delete-lead-panel p{color:#6f3030}
.flash{margin-bottom:20px;padding:13px 16px;border-radius:10px;background:#dcfce7;color:#166534;font-weight:700}.flash.error{background:#fee2e2;color:#991b1b}.empty{padding:34px;text-align:center;color:var(--muted)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--navy),#123f74)}.auth-card{width:min(500px,100%);background:#fff;border-radius:22px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.auth-card .crm-brand{color:var(--navy);margin-bottom:26px}.auth-card h1{font-size:30px;margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 22px}.auth-card form{display:grid;gap:14px}.auth-card .crm-button{width:100%;margin-top:6px}.auth-error{background:#fee2e2;color:#991b1b;padding:11px 13px;border-radius:9px}
.auth-links{text-align:center;margin-top:5px}.auth-links a{color:var(--blue);font-weight:750;text-decoration:none}.auth-links a:hover{text-decoration:underline}
@media(max-width:960px){.crm-grid,.kpi-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-detail-grid{grid-template-columns:1fr}.crm-filters{grid-template-columns:1fr 1fr}.crm-filters .search{grid-column:1/-1}.crm-topbar-inner{align-items:flex-start;padding:12px 0}.crm-nav{justify-content:flex-end;order:4;width:100%}}
@media(max-width:620px){.crm-shell{width:min(100% - 16px,1440px)}.crm-topbar-inner{display:block;min-height:0;padding:10px 0 0}.crm-brand{width:100%;min-width:0;margin:0 0 9px;padding:0 2px}.crm-brand span{min-width:0}.crm-brand strong{font-size:14px}.crm-brand small{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.crm-nav{display:flex;width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:0 0 9px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.crm-nav a,.crm-nav button,.crm-nav form{flex:0 0 auto}.crm-nav a,.crm-nav button{min-height:44px;padding:9px 11px;font-size:13px;white-space:nowrap;scroll-snap-align:start}.crm-nav .dashboard-section-link,.crm-nav .tour-section-link,.crm-nav .pricing-section-link,.crm-nav .vendor-section-link,.crm-nav .ticketing-section-link,.crm-nav .todo-section-link{flex:0 0 auto;text-align:center}.crm-main{padding:18px 0 34px}.crm-heading,.dashboard-section-head,.lead-hero,.staff-request,.notification-item,.task-alert-banner,.crm-panel-head{align-items:flex-start;flex-direction:column}.crm-heading{gap:14px;margin-bottom:18px}.crm-heading h1{font-size:clamp(26px,8vw,32px);line-height:1.12}.dashboard-section{margin-bottom:30px;scroll-margin-top:132px}.dashboard-section-head{gap:12px}.crm-grid,.kpi-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crm-form-grid,.detail-list,.crm-filters,.staff-access-grid{grid-template-columns:1fr}.metric{min-width:0;padding:14px;border-radius:14px;box-shadow:0 10px 28px rgba(15,36,66,.08)}.metric span{font-size:11px}.metric strong{font-size:26px}.metric small{display:block;font-size:12px}.crm-panel{border-radius:14px;margin-bottom:18px;box-shadow:0 10px 28px rgba(15,36,66,.08)}.crm-panel-body,.crm-panel-head{padding:14px}.crm-panel-head{gap:11px}.crm-panel-head>.crm-button,.crm-heading>.crm-button,.dashboard-section-head>.crm-button{width:100%}.crm-form-grid .wide,.crm-filters .search{grid-column:auto}.crm-field input,.crm-field select,.crm-field textarea{font-size:16px}.lead-actions,.edit-actions{width:100%}.lead-actions>.crm-button,.edit-actions>.crm-button{flex:1 1 100%;width:100%}.dashboard-filter-grid .filter-actions,.dashboard-filter-grid .filter-actions .crm-button,.notification-item>.crm-button,.task-alert-banner .crm-button{width:100%}.notification-copy{width:100%}.notification-icon{width:38px;height:38px;flex-basis:38px}.empty{padding:22px 14px}.crm-table-wrap{padding-bottom:4px;scrollbar-color:#8ca7c5 #edf2f7}.crm-table-wrap::before{content:"Swipe sideways to see all columns";position:sticky;left:0;z-index:2;display:block;width:max-content;margin:0;padding:8px 12px;background:#eef5fc;color:#3f5877;font-size:12px;font-weight:750}.crm-table{font-size:13px}.crm-table th,.crm-table td{padding:11px 12px}.auth-page{align-items:start;padding:10px}.auth-card{margin-top:14px;padding:20px;border-radius:16px}.auth-card h1{font-size:26px}.auth-card .crm-brand{margin-bottom:20px}.flash{margin-bottom:14px}.task-alert-banner{padding:14px}}
@media(max-width:380px){.crm-grid,.kpi-score-grid{grid-template-columns:1fr}.crm-shell{width:min(100% - 12px,1440px)}.crm-nav a,.crm-nav button{padding-inline:10px}.crm-panel-body,.crm-panel-head{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* KK CRM visual refresh */
:root{--navy:#06182f;--navy2:#0d3159;--blue:#1268b3;--blue-bright:#2b8ee0;--accent:#e6ad42;--ink:#12213a;--muted:#63718a;--line:#d9e3ef;--paper:#fff;--bg:#f3f7fc;--green:#14805a;--amber:#a96108;--red:#c83f49;--shadow:0 16px 42px rgba(9,38,72,.09);--shadow-strong:0 24px 64px rgba(5,28,56,.16)}
body{background:radial-gradient(circle at 8% -10%,rgba(38,136,216,.13),transparent 32%),radial-gradient(circle at 96% 8%,rgba(230,173,66,.1),transparent 25%),linear-gradient(180deg,#f7faff 0,#f2f6fb 45%,#eef4fa 100%);background-attachment:fixed;color:var(--ink);letter-spacing:.002em}
.crm-shell{width:min(1480px,calc(100% - 40px))}
.crm-topbar{border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(112deg,#04152a 0,#092746 52%,#0b3761 100%);box-shadow:0 12px 36px rgba(3,20,40,.22)}
.crm-topbar::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:linear-gradient(90deg,transparent 3%,var(--accent) 24%,var(--blue-bright) 60%,transparent 96%);opacity:.8}
.crm-topbar-inner{min-height:78px}
.crm-brand{position:relative}.crm-brand img{border:2px solid rgba(255,255,255,.78);background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.24)}
.crm-brand strong{font-size:15px;letter-spacing:.015em}.crm-brand small{margin-top:1px;color:#c8d8eb;letter-spacing:.025em}
.crm-nav{gap:7px}.crm-nav a,.crm-nav button{border:1px solid transparent;border-radius:11px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.crm-nav a:hover,.crm-nav button:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.1);transform:translateY(-1px)}
.crm-nav .dashboard-section-link,.crm-nav .tour-section-link,.crm-nav .pricing-section-link,.crm-nav .vendor-section-link,.crm-nav .ticketing-section-link,.crm-nav .todo-section-link{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}
.crm-nav .dashboard-section-link.active,.crm-nav .tour-section-link.active,.crm-nav .pricing-section-link.active,.crm-nav .vendor-section-link.active,.crm-nav .ticketing-section-link.active,.crm-nav .todo-section-link.active{border-color:#fff;background:linear-gradient(135deg,#fff,#edf5ff);box-shadow:0 8px 18px rgba(0,0,0,.2);color:#082544}
.crm-notification-link{border-radius:50%!important}.crm-notification-badge{border-color:#092746;box-shadow:0 3px 9px rgba(0,0,0,.22)}
.crm-main{padding:40px 0 70px}.crm-heading{position:relative;margin-bottom:28px;padding:0 0 2px 17px}.crm-heading::before{content:"";position:absolute;inset:4px auto 3px 0;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--blue-bright));box-shadow:0 4px 12px rgba(18,104,179,.22)}
.crm-heading h1{color:var(--navy);font-weight:850;text-wrap:balance}.crm-heading p{max-width:820px;color:#62718a}
.crm-button{border:1px solid rgba(8,65,118,.08);border-radius:11px;background:linear-gradient(135deg,var(--blue),#185691);box-shadow:0 7px 17px rgba(18,104,179,.19);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.crm-button:hover{filter:none;box-shadow:0 10px 22px rgba(18,104,179,.27);transform:translateY(-1px)}.crm-button:active{transform:translateY(0)}.crm-button.secondary{border-color:#cbd9e8;background:linear-gradient(135deg,#f5f8fc,#e7eef7);box-shadow:none;color:#143556}.crm-button.secondary:hover{border-color:#aebfd2;background:#eef4fb}.crm-button.red{border-color:#b92e39;background:linear-gradient(135deg,#d64b55,#b72d38);box-shadow:0 7px 17px rgba(183,45,56,.17)}
.crm-grid{gap:18px;margin-bottom:30px}.metric{position:relative;isolation:isolate;overflow:hidden;border-color:#d7e2ed;border-radius:19px;background:linear-gradient(145deg,#fff 0,#fbfdff 62%,#f4f8fc 100%);padding:21px 21px 19px;box-shadow:0 14px 38px rgba(9,38,72,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.metric::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--blue-bright),var(--blue))}.metric::after{content:"";position:absolute;z-index:-1;right:-28px;top:-34px;width:104px;height:104px;border-radius:50%;background:rgba(36,132,209,.07)}.metric:nth-child(2)::before{background:linear-gradient(180deg,#28a275,var(--green))}.metric:nth-child(2)::after{background:rgba(26,151,105,.07)}.metric:nth-child(3)::before{background:linear-gradient(180deg,#f0bb55,#c98217)}.metric:nth-child(3)::after{background:rgba(220,151,39,.08)}.metric:nth-child(4)::before{background:linear-gradient(180deg,#8d72dd,#6448bb)}.metric:nth-child(4)::after{background:rgba(105,73,190,.07)}.metric:hover{border-color:#bfd2e5;box-shadow:0 19px 46px rgba(9,38,72,.13);transform:translateY(-3px)}
.metric span{display:flex;align-items:center;gap:8px;color:#5c6c85;font-size:11px}.metric span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue-bright);box-shadow:0 0 0 4px rgba(43,142,224,.1)}.metric:nth-child(2) span::before{background:#28a275;box-shadow:0 0 0 4px rgba(40,162,117,.1)}.metric:nth-child(3) span::before{background:#df9d2f;box-shadow:0 0 0 4px rgba(223,157,47,.1)}.metric:nth-child(4) span::before{background:#7558ca;box-shadow:0 0 0 4px rgba(117,88,202,.1)}.metric strong{margin:10px 0 2px;color:var(--navy);font-size:34px;letter-spacing:-.035em}.metric small{display:block;color:#718097}
.crm-panel{position:relative;border-color:#d7e2ed;border-radius:20px;box-shadow:0 15px 42px rgba(9,38,72,.075)}.crm-panel::before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-bright) 55%,var(--accent));opacity:.78}.crm-panel-head{min-height:64px;border-bottom-color:#dfe8f2;background:linear-gradient(180deg,#fff,#f9fbfe);padding:19px 22px}.crm-panel-head h2{color:var(--navy);font-size:19px;letter-spacing:-.015em}.crm-panel-head span{color:var(--muted)}.crm-panel-body{padding:22px}
.dashboard-section{margin-bottom:48px}.dashboard-section-head{position:relative;border-bottom:1px solid #d8e3ef;padding:0 0 14px}.dashboard-section-head::after{content:"";position:absolute;inset:auto auto -1px 0;width:96px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--blue-bright))}.dashboard-section-head h2{letter-spacing:-.025em}.dashboard-section-kicker{display:inline-flex;border-radius:999px;background:#e9f3fd;padding:5px 9px;color:#155f9d}.dashboard-filter-panel{border-color:#bdd4e9;background:linear-gradient(135deg,#fff,#f8fbff)}
.crm-field label,.crm-field>span{color:#304461;font-size:12px;letter-spacing:.018em}.crm-field input,.crm-field select,.crm-field textarea{border-color:#c9d7e6;border-radius:11px;background:#fbfdff;box-shadow:inset 0 1px 2px rgba(7,31,58,.025);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.crm-field input:hover,.crm-field select:hover,.crm-field textarea:hover{border-color:#aebfd1;background:#fff}.crm-field input:focus,.crm-field select:focus,.crm-field textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(18,104,179,.12);outline:0}
.password-toggle input{accent-color:var(--blue)}
.crm-table-wrap{background:#fff}.crm-table{border-collapse:separate;border-spacing:0}.crm-table th{position:sticky;z-index:1;top:0;border-bottom:1px solid #d5e1ec;background:#eef4fa;color:#4a5f7b;font-size:11px;font-weight:850}.crm-table th:first-child{border-radius:10px 0 0}.crm-table th:last-child{border-radius:0 10px 0 0}.crm-table td{border-bottom-color:#e5ebf2;background:#fff;transition:background-color .16s ease}.crm-table tbody tr:nth-child(even) td{background:#fbfdff}.crm-table tr:hover td{background:#eef6ff}.lead-name,.staff-name-link{color:#0c4f89}.lead-name:hover,.staff-name-link:hover{color:#0a6cb8}.lead-sub{color:#748198}
.badge{border:1px solid rgba(24,69,115,.08);box-shadow:inset 0 1px rgba(255,255,255,.55);font-size:11px;letter-spacing:.015em}
.lead-contact a{border:1px solid #d3e0ec;background:linear-gradient(135deg,#f4f8fc,#e9f2fb);transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.lead-contact a:hover{border-color:#a9c6df;background:#e5f2ff;transform:translateY(-1px)}
.detail-item{border-bottom-color:#e1e8f0}.detail-item span{color:#6f7d92;font-size:11px}.message-box,.note{border:1px solid #e0e8f1;background:#f8fafd}.note{border-left:4px solid var(--blue)}
.notification-item{border-color:#d9e4ef;border-radius:15px;box-shadow:0 8px 22px rgba(9,38,72,.05);transition:transform .18s ease,box-shadow .18s ease}.notification-item:hover{box-shadow:0 12px 28px rgba(9,38,72,.09);transform:translateY(-1px)}.notification-icon{background:linear-gradient(135deg,#e7f3ff,#dbeaf8);box-shadow:inset 0 0 0 1px #d1e1ef}.notification-item.unread{background:linear-gradient(90deg,#edf6ff,#fff)}
.flash{border:1px solid #a8dfc2;border-left:5px solid var(--green);border-radius:12px;background:linear-gradient(90deg,#e5f8ee,#f5fff9);box-shadow:0 8px 20px rgba(20,128,90,.07)}.flash.error{border-color:#f1b7bd;border-left-color:var(--red);background:linear-gradient(90deg,#fff0f1,#fff8f8)}
.staff-password-reset>summary{border-color:#b6cce0;background:linear-gradient(135deg,#fff,#edf5fc);box-shadow:0 4px 12px rgba(9,38,72,.07)}.staff-password-reset form{border-color:#cbdbe9;background:linear-gradient(145deg,#f9fcff,#f2f7fc);box-shadow:0 15px 34px rgba(9,38,72,.12)}
.kpi-overview-panel,.admin-kpi-dashboard{border-color:#9dc2e4}.kpi-score-grid article,.staff-access-grid>div{border-color:#d7e3ee;background:linear-gradient(145deg,#fff,#f5f9fd);box-shadow:0 8px 22px rgba(9,38,72,.05)}.kpi-overall-score,.kpi-score-badge{border:1px solid #bcd5ed;background:linear-gradient(135deg,#e7f3ff,#d8eaff)}
.auth-page{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;place-items:start center;overflow-x:hidden;overflow-y:auto;padding-block:clamp(24px,5vh,56px);background:linear-gradient(135deg,#031225 0,#0a2a4d 48%,#0b4c7a 100%)}.auth-page::before,.auth-page::after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(2px)}.auth-page::before{right:-12vw;top:-20vw;width:54vw;height:54vw;background:radial-gradient(circle,rgba(44,146,226,.38),transparent 68%)}.auth-page::after{left:-16vw;bottom:-24vw;width:60vw;height:60vw;background:radial-gradient(circle,rgba(230,173,66,.19),transparent 66%)}.auth-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:26px;background:rgba(255,255,255,.975);box-shadow:var(--shadow-strong);padding:36px}.auth-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--accent),var(--blue-bright),var(--blue))}.auth-card .crm-brand{border-bottom:1px solid #e2e9f1;padding-bottom:20px}.auth-card h1{color:var(--navy);font-size:32px;letter-spacing:-.035em}.auth-error{border:1px solid #f1b9bf;border-left:4px solid var(--red);border-radius:11px;background:#fff0f1}
@supports(backdrop-filter:blur(14px)){.crm-topbar{background:linear-gradient(112deg,rgba(4,21,42,.97),rgba(9,39,70,.95),rgba(11,55,97,.95));backdrop-filter:blur(14px)}}
@media(max-width:960px){.crm-shell{width:min(100% - 28px,1480px)}.crm-topbar-inner{min-height:72px}.metric{padding:18px}.crm-panel-head,.crm-panel-body{padding:18px}}
@media(max-width:620px){body{background:linear-gradient(180deg,#f6f9fd,#eef4fa)}.crm-shell{width:min(100% - 16px,1480px)}.crm-topbar{position:sticky}.crm-topbar-inner{padding-top:10px}.crm-brand img{width:42px;height:42px}.crm-main{padding-top:22px}.crm-heading{padding-left:13px}.crm-heading::before{width:3px}.crm-grid{gap:10px}.metric{padding:15px 14px}.metric:hover,.crm-button:hover,.notification-item:hover{transform:none}.metric strong{font-size:27px}.crm-panel{border-radius:16px}.crm-panel-head,.crm-panel-body{padding:15px}.dashboard-section-head{padding-bottom:12px}.crm-table th{position:static}.auth-card{margin-top:18px;border-radius:20px;padding:22px}.auth-page::before{width:90vw;height:90vw}.auth-page::after{width:100vw;height:100vw}.staff-password-reset form{width:min(310px,82vw)}}
@media(max-width:380px){.metric{padding:14px}.crm-heading h1{font-size:27px}.auth-card{padding:19px}}

/* Package pricing workspace */
.pricing-role-metric{font-size:28px!important}.pricing-access-note{display:flex;align-items:center;gap:14px;margin:-6px 0 24px;border:1px solid #b9d6ed;border-left:5px solid var(--blue);border-radius:13px;background:linear-gradient(90deg,#eaf5ff,#f8fcff);padding:14px 17px;color:#284663}.pricing-access-note strong,.pricing-access-note span{display:block}.pricing-access-note strong{flex:0 0 auto;color:var(--navy)}.pricing-editor{border-color:#a9cce8}.pricing-category-tabs{display:flex;align-items:stretch;gap:10px;margin:-4px 0 26px;overflow-x:auto;padding:4px 2px 9px;scrollbar-width:thin}.pricing-category-tabs a{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 0 185px;min-height:52px;border:1px solid #cbdbe9;border-radius:13px;background:linear-gradient(145deg,#fff,#f2f7fc);box-shadow:0 7px 20px rgba(9,38,72,.06);color:#294561;padding:11px 13px;font-weight:800;text-decoration:none}.pricing-category-tabs a:hover{border-color:#9dbfdd;background:#eef7ff}.pricing-category-tabs a.active{border-color:#1268b3;background:linear-gradient(135deg,#0f5e9f,#173f6c);box-shadow:0 10px 24px rgba(18,104,179,.2);color:#fff}.pricing-category-tabs span{display:grid;place-items:center;min-width:27px;height:27px;border-radius:999px;background:rgba(18,104,179,.1);padding:0 7px;font-size:12px}.pricing-category-tabs a.active span{background:rgba(255,255,255,.18)}.pricing-form-note{border:1px solid #c8dcec;border-left:4px solid var(--accent);border-radius:11px;background:#f5faff;padding:12px 14px;color:#4d6179}.pricing-filters{grid-template-columns:minmax(280px,2fr) minmax(170px,.7fr) auto}.pricing-filters .search{grid-column:auto}.pricing-table{min-width:1680px}.pricing-table th:nth-child(4),.pricing-table td:nth-child(4){min-width:300px}.pricing-table th:nth-child(2),.pricing-table td:nth-child(2){min-width:230px}.pricing-group-start td{border-top:3px solid #bad3e8}.pricing-group-start:first-child td{border-top:0}.pricing-archived-row td{background:#fff8f8!important;color:#756b70}.pricing-category-badge{display:inline-flex;align-items:center;max-width:150px;border-radius:999px;padding:6px 9px;background:#e7eef8;color:#25466f;font-size:11px;font-weight:850;line-height:1.25}.pricing-category-badge.trekking{background:#e8f7ef;color:#176343}.pricing-category-badge.adventure{background:#fff1d9;color:#8b5108}.pricing-category-badge.international{background:#efe9ff;color:#5c3aa3}.pricing-destination{max-width:420px;white-space:normal;line-height:1.45}.pricing-pax{display:inline-flex;min-width:54px;justify-content:center;border:1px solid #c8d9e8;border-radius:999px;background:#edf5fc;padding:5px 9px;color:var(--navy);font-weight:850}.pricing-cost{display:inline-flex;min-width:68px;justify-content:flex-end;border-radius:9px;padding:7px 9px;font-size:15px}.b2b-cost{background:#eef3ff;color:#304f94}.selling-cost{background:#e7f8ef;color:#126341}.grand-total{background:#fff2d9;color:#80500c}.pricing-table .staff-actions{min-width:150px}.pricing-table .staff-actions .crm-button{white-space:nowrap}
@media(max-width:720px){.pricing-access-note{align-items:flex-start;flex-direction:column;gap:3px}.pricing-category-tabs{margin-bottom:20px}.pricing-category-tabs a{flex-basis:210px;min-height:48px}.pricing-filters{grid-template-columns:1fr}.pricing-filters .filter-actions,.pricing-filters .filter-actions .crm-button{width:100%}.pricing-metrics .metric small{min-height:36px}.pricing-role-metric{font-size:24px!important}}

/* Administrator-only vendor workbook */
.vendor-access-note{display:flex;align-items:center;gap:14px;margin:-6px 0 24px;border:1px solid #d6c5ef;border-left:5px solid #7558ca;border-radius:13px;background:linear-gradient(90deg,#f2edff,#fbf9ff);padding:14px 17px;color:#4c3d70}.vendor-access-note strong{flex:0 0 auto;color:#3d286f}.vendor-sheet-tabs{display:flex;gap:9px;margin:-4px 0 26px;overflow-x:auto;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity}.vendor-sheet-tabs a{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;min-height:50px;border:1px solid #cbdbe9;border-radius:13px;background:linear-gradient(145deg,#fff,#f2f7fc);box-shadow:0 7px 20px rgba(9,38,72,.06);color:#294561;padding:10px 12px;font-weight:800;text-decoration:none;scroll-snap-align:start}.vendor-sheet-tabs a:hover{border-color:#a88bd5;background:#f5f0ff}.vendor-sheet-tabs a.active{border-color:#7558ca;background:linear-gradient(135deg,#6448bb,#3e2d79);box-shadow:0 10px 24px rgba(90,62,166,.22);color:#fff}.vendor-sheet-tabs small{display:grid;place-items:center;min-width:27px;height:27px;border-radius:999px;background:rgba(100,72,187,.11);padding:0 7px}.vendor-sheet-tabs a.active small{background:rgba(255,255,255,.18)}.vendor-active-tab-metric{font-size:20px!important;line-height:1.2;overflow-wrap:anywhere}.vendor-role-metric{font-size:28px!important}.vendor-editor{border-color:#bca9dd}.vendor-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:18px}.vendor-editor-grid textarea{min-height:74px;resize:vertical}.vendor-filters{grid-template-columns:minmax(280px,1fr) auto}.vendor-filters .search{grid-column:auto}.vendor-table-wrap{isolation:isolate}.vendor-table{width:max-content;min-width:100%;table-layout:auto}.vendor-table th,.vendor-table td{min-width:170px;max-width:360px;vertical-align:top}.vendor-table .vendor-row-number{position:sticky;z-index:3;left:0;min-width:64px;max-width:64px;border-right:1px solid #d4e0eb;background:#e8f0f8;text-align:center}.vendor-table thead .vendor-row-number{z-index:5}.vendor-table tbody tr:nth-child(even) .vendor-row-number{background:#e9f1f9}.vendor-table tbody tr:hover .vendor-row-number{background:#dcecff}.vendor-cell{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.vendor-table th:last-child,.vendor-table td:last-child{min-width:170px;max-width:190px}.vendor-row-actions{flex-wrap:nowrap}.vendor-row-actions form{margin:0}.vendor-row-actions .crm-button{white-space:nowrap}.vendor-crm .crm-panel-body+.vendor-table-wrap{border-top:1px solid #e0e8f1}
@media(max-width:720px){.vendor-access-note{align-items:flex-start;flex-direction:column;gap:3px}.vendor-sheet-tabs{margin-bottom:20px}.vendor-sheet-tabs a{min-height:48px}.vendor-filters{grid-template-columns:1fr}.vendor-filters .filter-actions,.vendor-filters .filter-actions .crm-button{width:100%}.vendor-active-tab-metric{font-size:17px!important}.vendor-role-metric{font-size:24px!important}.vendor-editor-grid{grid-template-columns:1fr}.vendor-table th,.vendor-table td{min-width:150px}.vendor-table .vendor-row-number{min-width:58px;max-width:58px}}

/* Distinct spreadsheet title rows */
.pricing-table thead th{border-bottom-color:#082c52;background:linear-gradient(135deg,#082c52,#1268b3);color:#fff}.vendor-table thead th{border-bottom-color:#3e2d79;background:linear-gradient(135deg,#3e2d79,#7558ca);color:#fff}.vendor-table thead .vendor-row-number{z-index:5;background:#3e2d79;color:#fff}.vendor-table thead th span{color:inherit}.vendor-title-actions{white-space:nowrap}.vendor-title-actions>span{margin-right:10px}.vendor-title-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff3c5;color:#3e2d79;padding:5px 9px;font-size:11px;font-weight:900;line-height:1;text-decoration:none;white-space:nowrap}.vendor-title-actions a:hover{background:#fff;color:#2b1f59}