*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at 12% 8%,rgba(126,224,255,.28),transparent 28%),radial-gradient(circle at 82% 0%,rgba(37,182,107,.16),transparent 24%),linear-gradient(135deg,#eef7fb,#f7f9fd 48%,#eef3f9);color:#172033;letter-spacing:0}.login-page{min-height:100vh;display:grid;justify-items:center;align-content:start;padding:42px 24px;gap:120px;background:#f3f6fa;color:#172033}.login-page h1{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:36px;line-height:1.1;font-weight:800;color:#171c24}.login-form{width:min(540px,100%);display:grid;gap:18px;font-family:Arial,Helvetica,sans-serif}.login-form h2{margin:0 0 5px;font-size:28px;line-height:1.1;font-weight:700;color:#171c24}.login-form p{margin:0;color:#687484;font-size:15px}.login-form label{display:grid;gap:7px}.login-form label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.login-form input{width:100%;height:64px;border:1px solid #d8dee6;border-radius:11px;background:#fff;color:#172033;padding:0 24px;font:inherit;font-size:17px;outline:none;box-shadow:0 1px 2px #1118270a}.login-form input::placeholder{color:#697586}.login-form input:focus{border-color:#142b58;box-shadow:0 0 0 4px #142b5814}.password-field{position:relative}.password-field input{padding-right:82px}.password-field button{position:absolute;right:13px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#697586;font:inherit;font-weight:700;cursor:pointer}.login-error{color:#d13b3b!important;font-weight:700;font-size:14px!important}.login-submit{justify-self:center;width:260px;height:58px;margin-top:1px;border:0;border-radius:11px;background:#142b58;color:#fff;font:inherit;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 4px 8px #142b5847}.login-submit:hover{background:#0f244c}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px;color:#fff;display:flex;flex-direction:column;gap:28px;background:linear-gradient(180deg,#0f2742fa,#08223bfa),radial-gradient(circle at 20% 0%,rgba(126,224,255,.22),transparent 36%);box-shadow:22px 0 45px #192b4824}.brand-lockup{display:flex;gap:14px;align-items:center}.tata-mark{width:76px;height:58px;border-radius:8px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(126,224,255,.32))}.brand-lockup p,.eyebrow{margin:0 0 3px;color:#7ee0ff;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em}.brand-lockup h1{font-size:20px;line-height:1.15;margin:0}.nav-list{display:grid;gap:8px}.nav-list a,.nav-list button{color:#d8edf7;text-decoration:none;padding:10px 12px;border-radius:8px;background:#ffffff14;font-weight:700;font-size:14px;border:1px solid rgba(255,255,255,.06);text-align:left;font-family:inherit;cursor:pointer}.nav-list a:hover,.nav-list button:hover,.nav-list button.active{background:linear-gradient(135deg,#7ee0ff38,#ffffff1a);color:#fff;box-shadow:inset 0 0 0 1px #7ee0ff38}main{padding:24px;display:grid;gap:20px}.top-strip{position:relative;overflow:hidden;min-height:170px;border-radius:8px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;background:linear-gradient(135deg,#0f2742f5,#0b557eeb),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 260%22%3E%3Cpath fill=%22%23ffffff24%22 d=%22M0 176 C140 120 250 224 410 158 S710 88 896 150 S1104 220 1200 118 V260 H0 Z%22/%3E%3Cpath fill=%22%237ee0ff22%22 d=%22M0 210 C230 138 348 240 565 180 S890 106 1200 172 V260 H0 Z%22/%3E%3Ccircle cx=%22928%22 cy=%2270%22 r=%2268%22 fill=%22%232fcae755%22/%3E%3C/svg%3E");background-size:cover;box-shadow:0 22px 48px #0f27422e}.top-strip:before{content:"";position:absolute;inset:-45% auto auto 58%;width:520px;height:520px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%);transform:rotate(20deg)}.top-strip:after{content:"";position:absolute;inset:auto 0 0;height:54px;background:linear-gradient(180deg,transparent,rgba(126,224,255,.12));pointer-events:none}.top-strip>*{position:relative;z-index:1}.top-strip h2{margin:0;font-size:42px;line-height:1.05;letter-spacing:0}.hero-panel{min-width:260px;padding:20px 22px;border-radius:8px;background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(16px);box-shadow:inset 0 1px #fff3,0 18px 34px #04182a29}.hero-panel span{display:block;color:#d8ecf8;font-weight:800;font-size:13px}.hero-panel strong{display:block;font-size:44px;margin:8px 0}.meter,.track{position:relative;overflow:hidden;background:#eaf1f7}.meter{height:10px;border-radius:999px;background:#ffffff3d}.meter i,.track i{position:relative;display:block;height:100%;border-radius:inherit;min-width:22px;box-shadow:inset 0 1px #ffffff6b,0 6px 14px #18a4d838}.meter i{background:linear-gradient(90deg,#51e28b,#7ee0ff)}.meter i:after,.track i:after,.donut:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.34) 38%,transparent 74%);transform:translate(-70%);animation:water-shine 4.8s ease-in-out infinite}.filters{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr)) auto;gap:12px;align-items:end;padding:16px;border-radius:8px;background:#ffffffdb;border:1px solid rgba(216,225,236,.9);box-shadow:0 16px 34px #192b4812;backdrop-filter:blur(12px)}.filters label{display:grid;gap:6px;color:#5c6877;font-size:12px;font-weight:800;text-transform:uppercase}.filters select,.filters input,.filters button{height:40px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#172033;padding:0 11px;font:inherit}.filters button{background:linear-gradient(135deg,#0f2742,#123b62);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #0f274233}.kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));gap:14px}.department-kpis{grid-template-columns:repeat(6,minmax(130px,1fr))}.kpi-card,.panel{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#fffffffa,#f6fbfdf0);border:1px solid rgba(228,233,241,.94);box-shadow:0 20px 42px #192b4817,inset 0 1px #ffffffdb}.kpi-card:after,.panel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(126,224,255,.12),transparent 38%,rgba(255,255,255,.18));pointer-events:none}.kpi-card{padding:16px;min-height:118px;display:grid;align-content:space-between}.kpi-card>*,.panel>*{position:relative;z-index:1}.kpi-card b,.panel header span,.filters label,th{color:#5c6877}.kpi-card b{font-size:12px;text-transform:uppercase}.kpi-card strong,.panel h3,td,.bar-meta,.funnel-row b,.funnel-row strong,.legend-row,.donut-card b{color:#172033}.kpi-card strong{font-size:28px;line-height:1.1}.kpi-card small{color:#778397}.accent-blue{border-top:4px solid #18a4d8}.accent-green{border-top:4px solid #25b66b}.accent-amber{border-top:4px solid #f5a623}.accent-red{border-top:4px solid #e85f5c}.accent-purple{border-top:4px solid #7657d8}.accent-teal{border-top:4px solid #00a895}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:18px;min-width:0;transform:translateZ(0)}.panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel header span{font-size:12px;font-weight:900;text-transform:uppercase}.panel h3{margin:2px 0 0;font-size:20px}.segmented{display:flex;padding:3px;border:1px solid #d9e1ec;border-radius:8px;background:#f7f9fc}.segmented button{height:32px;border:0;border-radius:6px;background:transparent;padding:0 12px;font:inherit;font-weight:800;color:#59687c;cursor:pointer}.segmented button.active{background:linear-gradient(135deg,#0f2742,#15547c);color:#fff;box-shadow:0 7px 15px #0f27422e}.chart{height:330px}.sparkline{width:100%;height:100%;filter:drop-shadow(0 12px 18px rgba(24,164,216,.14))}.chart-label{font-size:13px;font-weight:900;fill:#172033;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.retail-label{fill:#1b7f4c}.dual-bar-list,.funnel{display:grid;gap:13px}.bar-row{display:grid;gap:7px}.bar-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:800}.track{height:14px;border-radius:999px;box-shadow:inset 0 2px 4px #0f274214}.track i em{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#fff;font-style:normal;font-size:10px;font-weight:900;text-shadow:0 1px 3px rgba(15,39,66,.38);white-space:nowrap}.mini-tracks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.track-bookings i,.mini-tracks .track:first-child i{background:linear-gradient(90deg,#18a4d8,#69d8ff)}.track-retail i,.mini-tracks .track:last-child i{background:linear-gradient(90deg,#25b66b,#5ee09b)}.funnel-row{display:grid;grid-template-columns:105px 1fr 54px;gap:10px;align-items:center}.funnel-row .track{height:30px;border-radius:8px}.dual-donut{display:grid;grid-template-columns:1fr 1fr;gap:18px}.donut-card{display:grid;gap:12px;justify-items:center}.donut{position:relative;width:144px;height:144px;border-radius:50%;display:grid;place-items:center;box-shadow:inset -10px -12px 20px #0f274233,inset 9px 10px 18px #ffffff5c,0 18px 28px #18a4d829;overflow:hidden}.donut span{width:78px;height:78px;border-radius:50%;background:linear-gradient(145deg,#fff,#eef7fb);display:grid;place-items:center;align-content:center;font-weight:900;color:#172033;box-shadow:inset 0 1px #fff,0 10px 18px #0f27421f}.donut span strong{line-height:1}.donut span small{color:#778397;font-size:10px}.legend{display:grid;gap:8px;width:100%}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.legend-row b small{color:#778397;font-size:11px}.swatch{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 2px 6px #0f27422e}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;font-size:11px;text-transform:uppercase;background:#f7f9fc;position:sticky;top:0}th,td{padding:11px 12px;border-bottom:1px solid #edf1f6}td.num,th.num{text-align:right}.empty{padding:24px;color:#748094;text-align:center}@keyframes water-shine{0%,45%{transform:translate(-80%)}70%,to{transform:translate(120%)}}@media(max-width:1220px){.kpi-grid,.department-kpis{grid-template-columns:repeat(4,1fr)}.filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{grid-template-columns:repeat(2,1fr)}.grid.two,.grid.three{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){main{padding:14px}.top-strip{padding:22px;display:grid;min-height:250px}.top-strip h2{font-size:34px}.hero-panel{min-width:0}.filters{grid-template-columns:1fr}.kpi-grid,.nav-list{grid-template-columns:1fr 1fr}.dual-donut{grid-template-columns:1fr}.chart{height:300px}}