:root{--paper:#f3f6f8;--ink:#102e3b;--muted:#6e7d87;--line:#dce6ea;--navy:#0b2b3a;--navy-2:#123d4a;--teal:#168c83;--teal-soft:#e2f4f1;--blue-soft:#e7f0fb;--green-soft:#e7f5ed;--amber-soft:#fff3dc;--coral-soft:#fdebea;--shadow:0 5px 18px rgba(16,46,59,.055)}
body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
#auth[hidden],#app[hidden]{display:none!important}
.sidebar,.sidebar[data-business="all"],.sidebar[data-business="brajvista"],.sidebar[data-business="ansh"]{background:linear-gradient(180deg,#0b2b3a,#103746);border:0;box-shadow:7px 0 25px rgba(8,36,48,.08);color:#d9e7eb}
.brand{border-color:#ffffff1a;color:#fff}.brand small{color:#91aab2}.brand-mark{box-shadow:0 5px 12px #061a254d}.nav-section{color:#7fa0a9;border-top:1px solid #ffffff12;padding-top:10px}.nav-link{color:#c0d1d6}.nav-link .nav-icon{color:#91abb3}.nav-link:hover{background:#ffffff10;color:#fff}.nav-link.active{background:#168c8333;color:#fff;box-shadow:inset 3px 0 0 #33c8bd}.nav-link.active .nav-icon{color:#5fe0d6}.logout{background:#ffffff0c;color:#b7cbd1;border-color:#ffffff14}
.page header{background:linear-gradient(95deg,#082b3a,#123d4a);border:0;min-height:64px;position:relative;padding-left:184px}.page header:before{content:"TravelDesk Pro\A Travel Business Management System";white-space:pre;position:absolute;left:22px;top:16px;font-size:14px;line-height:1.28;font-weight:800;color:#fff;letter-spacing:.01em}.page header:after{content:"";position:absolute;left:164px;top:14px;bottom:14px;width:1px;background:#ffffff2b}.page header #business-switcher{background:#ffffff12;border-color:#ffffff1f;color:#fff;border-radius:8px}.page header #business-switcher option{color:#102e3b;background:#fff}.operator{background:#ffffff12;color:#e2f1f3;border-radius:8px}.page header .eyebrow{color:#78d6ce}.page header h1{font-weight:750;letter-spacing:-.02em}
#view.dashboard-shell{padding:18px 22px 24px}.dashboard-shell .content-head h2{font-size:22px;font-weight:780;letter-spacing:-.03em}.dashboard-shell .content-head p{font-size:12px;color:var(--muted)}.premium-filter{gap:6px}.premium-filter button{border-radius:7px;border:1px solid #d8e5e8;background:#fff;color:#5c6c76;font-weight:650;box-shadow:0 1px 1px #0b2b3a09}.premium-filter button.active{background:var(--teal-soft);border-color:#bae5df;color:#0c6d65}
.dashboard-shell .cards{gap:12px}.dashboard-shell .card{position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:13px 14px 12px 50px;min-height:82px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.dashboard-shell .card:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(16,46,59,.09)}.dashboard-shell .card:before{content:attr(data-icon);position:absolute;left:13px;top:14px;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--blue-soft);color:#356aa5;font-size:14px;font-weight:800}.dashboard-shell .card:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#5a8fc4}.dashboard-shell .card:nth-child(2):before{background:#e8f1fd;color:#417ab6}.dashboard-shell .card:nth-child(3):before{background:var(--teal-soft);color:#0f8179}.dashboard-shell .card:nth-child(3):after{background:var(--teal)}.dashboard-shell .card:nth-child(4):before,.dashboard-shell .card:nth-child(6):before{background:var(--green-soft);color:#278151}.dashboard-shell .card:nth-child(4):after,.dashboard-shell .card:nth-child(6):after{background:#45a46e}.dashboard-shell .card:nth-child(5):before{background:#e4f4f4;color:#107c79}.dashboard-shell .card:nth-child(5):after{background:#23a9a2}.dashboard-shell .card label{font-size:10px;color:#71818a;font-weight:650}.dashboard-shell .card strong{font-size:22px;color:var(--ink);font-weight:780}
.dashboard-layout{gap:14px;margin-top:14px}.dashboard-summary,.dashboard-feed-grid{gap:14px}.dashboard-panel{border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);background:#fff}.dashboard-panel h3{padding:12px 14px;background:#fbfcfd;border-bottom:1px solid #e6edef;font-size:12px;font-weight:760;color:#213d49}.dashboard-panel h3:before{content:"◆";color:var(--teal);font-size:9px;margin-right:7px}.finance-content{padding:13px;gap:9px}.compact-donut .crm-ring{box-shadow:inset 0 0 0 1px #e3ecee}.finance-metric{background:#fbfcfd;border-color:#e8eef0;border-radius:8px;padding:9px}.finance-metric b{font-size:14px}.finance-metric:nth-child(2) b{color:#315f92}.finance-metric:nth-child(3) b{color:#0d8178}.finance-metric:nth-child(4) b{color:#c95b51}.finance-metric:nth-child(5) b{color:#b67a1d}.finance-metric:nth-child(6) b{color:#278151}.dashboard-panel .empty{padding:12px 14px;color:#62747d}.dashboard-panel .empty:before{content:"•";color:#7fc7c2;margin-right:6px}.followup-item{padding:13px 14px;background:linear-gradient(90deg,#fbfdfd,#fff)}
.table-wrap{background:#fff;border-color:var(--line);box-shadow:var(--shadow);border-radius:10px}.table-wrap th{background:#f1f6f7;color:#60727b;font-weight:750}.table-wrap tbody tr{transition:background .14s}.table-wrap tbody tr:hover{background:#f5fbfb}.action{background:#f0f6f7;color:#28505d;border:1px solid #dce8ea;font-weight:650}.action:hover{background:#e0f2f0;color:#0d716a}.badge{border:1px solid #d8e6ee;background:var(--blue-soft);color:#356aa5}.badge.Confirmed,.badge.Completed,.badge.Paid{background:var(--green-soft);border-color:#ccebd8;color:#277747}.badge.Pending,.badge.Partially,.badge.Upcoming{background:var(--amber-soft);border-color:#f4dfad;color:#9b6719}.badge.Cancelled,.badge.Overdue{background:var(--coral-soft);border-color:#f4cac7;color:#b64a45}.badge.Live{background:var(--teal-soft);border-color:#bee6e1;color:#0e756e}
@media(max-width:760px){.sidebar{background:linear-gradient(180deg,#0b2b3a,#103746)}.page header{padding-left:50px;min-height:104px}.page header:before{display:none}.page header:after{display:none}.page header .menu{color:#dceff0}.page header h1{font-size:15px}.page header #business-switcher{margin-left:0;width:100%}#view.dashboard-shell{padding:14px}.dashboard-shell .card{min-height:78px;padding-left:48px}.dashboard-shell .card strong{font-size:20px}.finance-content{gap:8px}.dashboard-panel{border-radius:9px}.table-wrap{box-shadow:none}}