:root{--navy:#132946;--ink:#0f0e0e;--paper:#fff;--muted:#637084;--line:#e1e5eb;--soft:#f5f6f8}body{background:var(--soft);color:var(--ink);font-family:Calibri,Tahoma,Arial,sans-serif;font-size:14px}aside{background:var(--navy);width:222px;padding:30px 19px}.brand{font:900 italic 28px Arial,sans-serif;letter-spacing:-1px}.brand span{font:12px Calibri,Tahoma;letter-spacing:0;color:#c8d0dc;margin-top:10px}aside p{margin:25px 0;color:#c8d0dc}nav button{font-size:13px;padding:12px;margin:4px 0;border-radius:8px;color:#d1d8e2}nav .active{background:#fff;color:var(--navy);font-weight:bold}footer{position:static;margin-top:28px;font-size:12px}footer a{color:#fff;text-decoration:none}main{margin-right:222px;padding:26px 30px}header h1{font-size:27px;color:var(--navy)}header small{color:var(--muted)}header p{font-size:12px}button,.primary,input,select{font-size:13px;padding:9px 12px;border-radius:7px}.primary{background:var(--navy);color:white}.primary:hover{background:#263d5c}button:hover{border-color:#a1aebe}.info{width:16px;height:16px;min-width:16px;font-size:10px;padding:0;margin-inline:4px;color:var(--navy);border-color:#a8b2c0;background:white}.info:hover,.info:focus-visible{outline-color:var(--navy);background:#edf0f5}.brand-advisor{display:flex;align-items:center;gap:18px;padding:10px 22px;background:white;border:1px solid var(--line);margin:18px 0 12px;min-height:145px}.mascot,.mini-mascot{background-image:url('assets/mascot-expressions.png');background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:1;width:128px;min-width:128px;flex-shrink:0;filter:drop-shadow(0 5px 6px #13294612)}.happy{background-position:0 0}.sad{background-position:100% 0}.think{background-position:0 100%}.welcome{background-position:100% 100%}.speech{position:relative;background:#f5f7fa;border:1px solid #e1e6ed;border-radius:15px;padding:14px 20px;flex:1}.speech:before{content:'';position:absolute;right:-8px;top:38px;width:14px;height:14px;background:#f5f7fa;transform:rotate(45deg);border-right:1px solid #e1e6ed;border-top:1px solid #e1e6ed}.speech small{font-size:11px;color:#6c7787}.speech h2{font-size:17px;margin:6px 0;color:var(--navy)}.speech p{font-size:13px;line-height:1.8;margin:6px 0}.speech button{background:transparent;color:var(--navy);border:0;font-size:12px;padding:3px 0;text-decoration:underline}.mini-mascot{display:inline-block;width:39px;min-width:39px;vertical-align:middle;margin-left:6px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi{padding:15px 17px;border-radius:9px;font-size:12px;min-height:92px;border:1px solid var(--line)}.kpi strong{font-size:23px;margin-top:10px;color:var(--navy)}.kpi small{font-size:11px}article{padding:19px;border-radius:10px;border-color:var(--line);margin-bottom:17px}h2{font-size:17px}.grid{gap:14px;margin:17px 0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start}.card{padding:15px 16px;border-radius:9px;border-right-width:3px}.card h2{font-size:15px;line-height:1.6;margin-bottom:8px;min-height:44px}.card>strong{font-size:23px;color:var(--navy);margin:7px 0}.card>p{font-size:12px;line-height:1.75;margin:10px 0;color:#59667a}.card>button{font-size:12px;padding:7px 9px;margin-top:4px;color:var(--navy)}.totals-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:12px 0}.total-box{border:0;border-radius:6px;padding:9px 11px;background:#f4f6f9}.total-box span{font-size:11px;line-height:1.6}.total-box b{font-size:16px;margin-top:5px;color:var(--navy);line-height:1.5;overflow-wrap:anywhere}.total-box b small{font-size:10px;font-weight:normal}.card .totals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card .total-box{padding:8px}.card .total-box b{font-size:15px}.card .total-box span{font-size:10px}.more-totals summary{cursor:pointer;font-size:12px;color:var(--navy);font-weight:bold;padding:5px 0}.more-totals .totals-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card .more-totals .totals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.negative,.total-box b.negative{color:#b23a3a}.quick{border-top-color:var(--navy)}.quick p{font-size:13px;line-height:1.8}.quick strong{color:var(--navy)}.period-panel{border-top-color:var(--navy);padding:15px}.period-panel input{max-width:230px}.period-panel strong{font-size:13px}.period-panel p{font-size:12px}.period-picker{display:flex;align-items:center;flex-wrap:wrap;gap:13px;padding:15px}.period-picker h2{margin:0 0 5px;font-size:15px}.period-picker p{font-size:12px;margin:5px 0}.period-picker select{max-width:320px}.period-picker #periodNotice{width:100%;background:#f3f5f8;padding:9px 12px;border-radius:6px;line-height:1.8}.filters{margin:14px 0;gap:10px}.filters input{min-width:250px}.advanced-filters{padding:14px;font-size:13px}.numeric-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.numeric-filters legend{font-size:11px}.numeric-filters label{font-size:10px}.numeric-filters input{padding:7px}.filter-top{grid-template-columns:repeat(3,minmax(0,1fr))}.note{background:#edf0f5;color:#243a54;font-size:12px;padding:12px;line-height:1.8}table{font-size:12px}th{background:#edf0f5;color:var(--navy);padding:12px}td{padding:11px}tbody tr:hover{background:#f1f4f9}tfoot td{background:#e8edf4;border-top-color:var(--navy)}.row-green{border-right-color:#439169}.row-red{border-right-color:#bd5050}.row-amber{border-right-color:#c59b4e}.dialog-guide{float:left;width:73px}.dialog-guide .mascot{width:73px;min-width:73px}.detail-speech{padding:12px 16px;border-radius:12px;background:#edf1f7;margin:10px 0;line-height:1.8;font-size:13px}dialog{padding:22px;max-width:900px}dialog::backdrop{background:#13294680}.guide-hero,.tour-card{display:flex;gap:25px;align-items:center}.guide-hero .mascot{width:170px;min-width:170px}.guide-hero h2{font-size:25px;color:var(--navy)}.guide-hero p,.tour-card p{line-height:1.9}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-grid article{margin:0}.guide-grid p{font-size:13px;line-height:1.9}.tour-card small{color:#647187}#tourStep{border:1px solid #cdd6e3;background:#f8faff}#message{font-size:12px;color:#596b7e;line-height:1.8}.danger{color:#ad3535;border-color:#d5a3a3;background:#fff8f8}.locations{max-height:290px}.locations .row{font-size:12px;margin:10px 0}.badge{font-size:11px;padding:4px 7px}.guide{font-size:12px}.legend{gap:6px}.period-panel label,.period-picker label{font-size:12px}@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.totals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.numeric-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){aside{width:185px}main{margin-right:185px;padding:20px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.numeric-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr}.mascot{width:100px;min-width:100px}.speech{padding:12px 15px}.brand-advisor{padding:10px;gap:10px}}@media(max-width:650px){aside{position:static;width:auto;padding:15px}main{margin:0;padding:14px}nav{display:flex;gap:4px;overflow:auto}nav button{width:auto;flex-shrink:0;white-space:nowrap;padding:9px 11px}aside p,footer{display:none}.brand{font-size:25px}.brand-advisor{align-items:center}.mascot{width:82px;min-width:82px}.speech h2{font-size:14px}.speech p{font-size:12px}.kpi{padding:12px;min-height:80px}.kpi strong{font-size:20px}.cards{grid-template-columns:1fr}.totals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.numeric-filters,.filter-top{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-hero,.tour-card{gap:14px;align-items:flex-start}.guide-hero .mascot{width:95px;min-width:95px}.guide-hero h2{font-size:20px}.period-picker select{max-width:270px}.more-totals .totals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:no-preference){.brand-advisor .mascot{animation:mascot-arrive .35s ease-out}@keyframes mascot-arrive{from{transform:translateY(5px);opacity:.5}to{transform:translateY(0);opacity:1}}}
[hidden]{display:none!important}.period-edit{background:#fff;border:1px solid #e1e5eb;border-radius:9px;margin-bottom:13px;padding:11px 15px}.period-edit>summary{cursor:pointer;font-weight:bold;color:#132946;font-size:12px}.period-edit .period-panel{margin:12px 0 0;border-top:0;padding:6px 0}.period-panel>div{flex:1 1 100%}.period-picker{gap:10px}.period-picker>div{flex:1 1 180px}.period-picker label{flex:0 1 auto}.period-picker label select{width:auto;max-width:290px}.period-picker #periodNotice{margin:0;padding:7px 10px;font-size:11px}.period-picker h2{font-size:14px}.period-picker>div>p{font-size:11px}header .primary input[hidden]{display:none!important}
[hidden]{display:none!important}body.locked>aside,body.locked>main{display:none!important}#loginScreen{display:none}.locked #loginScreen{display:grid;min-height:100vh;place-items:center;background:linear-gradient(135deg,#132946,#25476f);width:100vw}.login-card{background:#fff;border-radius:22px;padding:30px;width:min(420px,90vw);box-sizing:border-box;box-shadow:0 20px 70px #0003}.login-card .brand{color:#132946}.login-card .mascot{margin:10px auto;width:100px;height:110px}.login-card h1{font-size:23px}.login-card label,.user-form label,#passwordForm label{display:block;margin:12px 0}.login-card input,#passwordForm input{display:block;width:100%;box-sizing:border-box;margin-top:6px}.login-card button{width:100%;margin-top:10px}#loginError,#userMessage,#passwordMessage{color:#b91c1c}.account{border-top:1px solid #fff4;margin-top:25px;padding:12px 0}.account button{display:block;margin:6px 0;font-size:12px}.account p{font-size:13px}.user-form{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;align-items:end}.user-form input,.user-form select{max-width:100%;box-sizing:border-box}.bi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bi-grid>article{margin:0;background:#f8fafc;border:1px solid #e2e8f0;min-width:0}.bi-grid h2{font-size:16px}.bi-svg{width:100%;height:auto;display:block;direction:ltr;font-family:Arial,sans-serif}.bi-svg text{font-size:13px}.bi-point{cursor:pointer;transition:opacity .15s}.bi-point:hover,.bi-point:focus{opacity:.65;outline:none;filter:brightness(1.1)}.bi-point:focus rect{stroke:#132946;stroke-width:2}.donut-layout{display:flex;align-items:center;gap:15px;min-height:240px}.donut-layout>svg{width:48%;max-width:230px;font-family:Arial}.donut-layout .donut-number{font-size:26px;font-weight:bold;fill:#132946}.bi-legend{display:flex;align-items:center;width:100%;gap:9px;margin:8px 0;background:white;border:1px solid #e2e8f0}.bi-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.bi-legend b{margin-right:auto}#biPanel{border-top:4px solid #132946}#period{font-weight:bold}#title{font-size:24px}#tbody td:nth-child(2){min-width:180px;white-space:normal}#tbody td:nth-child(2) small{color:#64748b;font-size:11px;margin-top:6px}@media(max-width:850px){.bi-grid{grid-template-columns:1fr}.user-form{grid-template-columns:1fr}.bi-svg text{font-size:15px}.donut-layout{min-height:180px}}
.table-top-scroll{overflow-x:scroll;overflow-y:hidden;height:23px;width:100%;max-width:100%;margin:8px 0 4px;background:#edf2f7;border:1px solid #dce3eb;border-radius:5px;scrollbar-color:#71869e #edf2f7;scrollbar-width:auto;direction:rtl}.table-top-scroll-track{height:1px;pointer-events:none}.table-top-scroll:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.table-top-scroll::-webkit-scrollbar{height:14px}.table-top-scroll::-webkit-scrollbar-thumb{background:#71869e;border:3px solid #edf2f7;border-radius:8px}.table-top-scroll::-webkit-scrollbar-track{background:#edf2f7}
.login-card>.brand{display:block;width:100%;text-align:center;direction:ltr;font:900 italic clamp(30px,7vw,36px)/1.15 Arial,sans-serif;letter-spacing:-1.2px;color:#132946;margin:4px auto 18px;padding:0 8px;box-sizing:border-box}
.brand-advisor{display:flex;flex-direction:column;align-items:center;gap:0;padding:22px 24px 10px;background:linear-gradient(180deg,#f0f4f9 0%,#fff 88%);border:1px solid #dce4ee;min-height:0}.brand-advisor>.advisor-cloud{position:relative;order:0;flex:none;width:min(100%,900px);box-sizing:border-box;background:#fff;border:2px solid #c9d6e5;border-radius:36px 42px 36px 42px;padding:17px 26px;box-shadow:0 7px 20px #1329460a;text-align:right;margin-bottom:27px}.advisor-cloud:before,.advisor-cloud:after{content:'';position:absolute;top:auto;right:auto;left:calc(50% - 9px);bottom:-17px;width:17px;height:17px;border:2px solid #c9d6e5;border-radius:50%;background:#fff;transform:none}.advisor-cloud:after{width:9px;height:9px;left:calc(50% - 5px);bottom:-30px}.advisor-cloud-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.advisor-cloud h2{font-size:19px;margin:8px 0;color:#132946}.advisor-cloud p{font-size:15px;line-height:1.95;margin:8px 0 13px;color:#25384d}.advisor-cloud-top small{font-weight:bold;color:#56708f}.advisor-cloud-top span{font-size:12px;background:#edf2f8;border-radius:12px;padding:3px 10px;color:#56708f}.advisor-character{display:flex;flex-direction:column;align-items:center;position:relative}.advisor-character .mascot{width:96px;min-width:96px}.advisor-character>span{font-size:11px;color:#61748b;margin-top:-2px}.advisor-character>button{border:0;background:transparent;text-decoration:underline;font-size:11px;padding:4px;color:#61748b}.advisor-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.advisor-cloud .advisor-buttons button{font:inherit;font-size:12px;border:1px solid #d5dfe9;background:#f6f8fb;border-radius:18px;padding:7px 15px;text-decoration:none;color:#132946}.advisor-cloud .advisor-buttons button.primary{background:#132946;color:#fff;border-color:#132946;font-weight:bold;min-width:102px}.advisor-cloud .advisor-buttons button.info{border-radius:50%;padding:0;min-width:22px;width:22px;height:22px}.advisor-cloud #advisorDestination{display:block;font-size:11px;color:#6a7d92;line-height:1.5}.brand-advisor[data-mood=sad] .advisor-cloud{border-color:#efc4c4}.brand-advisor[data-mood=sad] .advisor-cloud:before,.brand-advisor[data-mood=sad] .advisor-cloud:after{border-color:#efc4c4}.brand-advisor[data-mood=happy] .advisor-cloud{border-color:#b7dcca}.brand-advisor[data-mood=happy] .advisor-cloud:before,.brand-advisor[data-mood=happy] .advisor-cloud:after{border-color:#b7dcca}.speaking-guide{display:flex!important;flex-direction:column;align-items:center!important;gap:22px!important;width:100%;margin:8px 0 20px!important}.speaking-guide .mascot{width:90px;min-width:90px}.detail-cloud{position:relative;border:2px solid #ccd8e6;background:#f8fafc;border-radius:28px;padding:15px 20px;max-width:650px;text-align:right;line-height:1.9;font-size:14px}.detail-cloud:after{content:'';position:absolute;left:calc(50% - 7px);bottom:-17px;width:12px;height:12px;border:2px solid #ccd8e6;background:#f8fafc;border-radius:50%}.detail-cloud p{margin:6px 0}.talking{animation:advisor-bob 3.8s ease-in-out infinite}@keyframes advisor-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.talking{animation:none}}@media(max-width:650px){.brand-advisor{padding:17px 10px 8px}.brand-advisor>.advisor-cloud{padding:14px 17px;border-radius:28px}.advisor-cloud h2{font-size:17px}.advisor-cloud p{font-size:14px}.advisor-character .mascot{width:85px;min-width:85px}}
#languageToggle{position:fixed;top:10px;left:12px;z-index:100;border:1px solid #b9c8d9;background:#fff;color:#132946;font-weight:bold;border-radius:20px;padding:5px 15px;box-shadow:0 2px 8px #13294613;font-size:12px}body.locked #languageToggle{top:16px;left:16px}html[dir=ltr] aside{left:0;right:auto}html[dir=ltr] main{margin-left:222px;margin-right:0}html[dir=ltr] nav button{text-align:left}html[dir=ltr] th{text-align:left}html[dir=ltr] .advisor-cloud,html[dir=ltr] .detail-cloud{text-align:left}html[dir=ltr] .table-top-scroll{direction:ltr}html[dir=ltr] .filters span{margin-left:auto;margin-right:0}html[dir=ltr] .bi-legend b{margin-left:auto;margin-right:0}html[dir=ltr] #languageToggle{left:auto;right:12px}html[dir=ltr] .brand-advisor .speech:before{border-left-color:inherit}html[dir=ltr] .card{border-right-width:1px;border-left-width:3px}html[dir=ltr] #title{overflow-wrap:anywhere}html[dir=ltr] .total-box span{line-height:1.4}html[dir=ltr] .advisor-cloud p{line-height:1.75}@media(max-width:1000px){html[dir=ltr] main{margin-left:180px}}@media(max-width:650px){html[dir=ltr] main{margin:0}#languageToggle{top:8px;font-size:11px;padding:4px 10px}}