/* Adapted from the supplied Northloop dashboard; operational controls retain their semantics. */
:root{color:#141414;background:#fff;--ink:#141414;--muted:#72726d;--line:#e9e9e5;--green:#171717;--cream:#f6f6f4;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
.shell{grid-template-columns:264px minmax(0,1fr)}
.sidebar{width:264px;background:#f6f6f4;color:#30302e;padding:24px 20px;scrollbar-width:thin;scrollbar-color:#d4d4d0 transparent}
.sidebar .brand{background:#fff;border:1px solid #e8e8e5;border-radius:16px;padding:13px 12px;margin:0 0 18px;gap:10px;box-shadow:0 1px 2px #00000005}
.brand-mark{background:#f0f0ed;color:#141414;border:1px solid #e4e4df;border-radius:12px;font-size:23px;flex:none}.brand-name{font-size:17px;letter-spacing:.3px}.brand-name small{color:#777770;font-size:8px;letter-spacing:1.7px}
.org-switch{background:none;border:0;border-bottom:1px solid #e6e6e2;border-radius:0;padding:0 2px 18px;margin:0 0 22px;color:#777770;font-size:11px}.org-switch strong{color:#44443f;font-size:12px}
.side-label{color:#777771;font-size:10px;letter-spacing:1px;margin-left:12px}.nav{gap:4px}.nav a{color:#686862;font-size:12px;padding:11px 12px;border-radius:10px;font-weight:500}.nav a svg{width:18px;height:18px;opacity:1}.nav a.active{color:#111;background:#e8e8e3;font-weight:650}.nav a:hover{color:#111;background:#eeeeea}.sidebar-footer{color:#787873;padding-left:4px}.sidebar-footer strong{color:#444440}.sidebar-footer .text-btn{color:#55554f}
.topbar{background:#fff;height:84px;padding:0 42px;border-color:#efefec}.crumb{color:#777773;font-size:13px}.crumb strong{color:#1c1c1a}.local-badge{border-color:#e6e6e0;color:#62625c;background:#fafaf8}.dot{background:#8b9e61}.avatar{background:#efefe9;color:#3e3e39}
.content{max-width:1600px;padding:30px 42px 42px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:33px;letter-spacing:-.9px;color:#111;font-weight:700;margin:0 0 10px}.eyebrow{color:#767670;font-size:10px;letter-spacing:1px;margin-bottom:9px}.page-heading .eyebrow{display:none}.subtitle{font-size:14px;color:#71716c}.btn{background:#171717;color:#fff;border-radius:9px;font-size:12px;padding:11px 16px}.btn:hover{background:#33332f}.btn.secondary{color:#33332f;border-color:#e4e4df}.btn.secondary:hover{background:#f3f3ef}.btn.danger{background:#9e4035}.text-btn{color:#5f5f57;font-size:12px}.mobile-menu{color:#30302c}
.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:26px}.stat{border:1px solid #e8e8e3;border-radius:16px;padding:23px 25px 0;box-shadow:0 1px 2px #00000005;overflow:hidden}.stat-top{color:#777772;font-size:11px;font-weight:650;letter-spacing:.8px;text-transform:uppercase}.stat-icon{background:#f5f5f1;color:#44443e}.stat strong{font-size:33px;font-weight:700;letter-spacing:-.8px;color:#111;margin:15px 0 20px}.stat-footer{border-top:1px solid #efefeb;background:#fbfbf9;margin:0 -25px;padding:13px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#74746d}.stat-footer a{color:#45453e;text-decoration:none;display:flex;gap:5px;align-items:center}.stat-footer svg{width:13px;height:13px}
.panel{border-color:#e9e9e4;border-radius:16px;box-shadow:0 1px 2px #00000004}.panel-head{background:#f7f7f5;border-color:#e9e9e4;padding:18px 25px}.panel-head h2{color:#61615b;text-transform:uppercase;letter-spacing:.8px;font-size:11px}.panel-body{padding:20px 25px}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-two:empty{display:none}.revenue-panel{margin-bottom:26px}.trend-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.trend-total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.trend-total span{font-size:12px;color:#73736c}.trend-total strong{font-size:27px;letter-spacing:-.7px}.chart-legend{display:flex;gap:18px;font-size:10px;color:#666660;text-transform:uppercase;letter-spacing:.5px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:8px;height:8px;border-radius:50%;display:block}.box-office-key{background:#a1a198}.outlet-key{background:#141414}.period-tabs{display:flex;background:#f3f3f0;border-radius:40px;padding:4px;gap:2px}.period-tabs button{font-size:12px;background:transparent;color:#66665f;padding:8px 15px;border-radius:30px}.period-tabs button.active{background:#fff;color:#141414;box-shadow:0 1px 3px #00000012}.chart-scroll{overflow:auto;margin:20px 0 5px}.revenue-svg{display:block;width:100%;min-width:560px;max-height:320px}.revenue-svg text{font-family:inherit;font-size:11px;fill:#707069}.chart-empty{fill:#efefeb}.chart-box-office{fill:#a1a198}.chart-outlet{fill:#141414}.chart-empty-note{font-size:12px;color:#71716a;margin-top:22px}.chart-data{font-size:11px;color:#66665f;margin-top:10px}.chart-data summary{cursor:pointer;padding:7px 0}.chart-data .table-scroll{margin-top:10px}.revenue-panel .mini-note{font-size:10px;color:#75756e;line-height:1.6}
.hero{background:#f8f8f5;border-color:#e8e8e2;border-radius:16px;min-height:0;align-items:center;justify-content:space-between;padding:22px 26px;gap:20px}.hero-copy{padding:0;max-width:80%}.hero h2{font-family:inherit;font-size:21px;letter-spacing:-.4px;font-weight:650}.hero p{color:#72726a;font-size:12px}.hero .hero-tag{background:#fff;border-color:#e2e2db;color:#69695e;font-size:9px;margin-top:10px}.hero .btn{flex:none}
.task-row{border-color:#efefea;padding:14px 0}.task-row strong{color:#33332e;font-size:12px}.task-row small{color:#73736c;font-size:10px}.task-check{border-color:#c9c9c0;width:18px;height:18px}.task-check:hover{background:#e8e8e0}.performance-row h3{color:#35352f;font-size:12px}.performance-row p,.performance-row small,.mini-note{color:#74746b}.progress{background:#eeeee8;height:5px;margin:10px 0}.progress::-webkit-progress-bar{background:#eeeee8}.progress::-webkit-progress-value{background:#55554d}.progress::-moz-progress-bar{background:#55554d}.activity p{color:#55554d;font-size:11px}.activity small{color:#797970;font-size:10px}.activity .activity-dot{background:#b7b7aa}.badge{font-size:10px}.tab{border-color:#e5e5de;color:#68685e;border-radius:8px;background:#fff;text-decoration:none}.tab.active{background:#ededdf;color:#36362f;border-color:#c9c9b7}.section-tabs{gap:8px}.search{background:#f7f7f4;border-color:#e8e8e1;border-radius:9px;color:#33332c;font-size:12px}.data-table{font-size:12px}.data-table th{background:#f7f7f4;color:#727267;font-size:10px;padding:15px 18px}.data-table td{color:#45453b;border-color:#efefe8;padding:17px 18px}.data-table tbody tr:hover{background:#fafaf7}.row-actions button{color:#575747;font-size:11px}.pagination{color:#77776c;border-color:#ededdf}.empty{color:#757568}.empty strong{color:#3b3b31}.read-only-note{color:#747466}.notice{background:#faf8ef;border-color:#e9e3ca;color:#776640}.notice.error{background:#faece7;color:#964d39;border-color:#ecd0c6}.field{color:#56564b;font-size:12px}.field input,.field select,.field textarea{border-color:#dcdcd3;border-radius:8px;color:#33332b;font-size:13px}.field small{color:#767668}.form-actions{border-color:#e6e6db}.dialog-header{border-color:#e6e6db}.dialog-header button{background:#f0f0ea;color:#626253}dialog{border-color:#dddccd;color:#24241f;box-shadow:0 20px 80px #14141428}dialog::backdrop{background:#19191965}.saved-banner{color:#68685c}.detail-list dt{color:#757566}.login{background:#f6f6f2}.login-box{background:#fff;border-color:#e4e4da}.login-box h1{color:#111}.login-box p{color:#777769}.footer-note{color:#858573}
@media(min-width:1550px){.hero{min-height:0}.hero-copy{padding:0}.stat{padding:23px 25px 0}.content{padding-top:32px}}
@media(max-width:1150px){.shell{grid-template-columns:225px minmax(0,1fr)}.sidebar{width:225px;padding:22px 14px}.sidebar .brand{padding:12px 8px}.brand-name{font-size:15px}.content{padding:26px}.topbar{padding:0 26px}.stats{gap:15px}.stat{padding:20px 18px 0}.stat-footer{margin:0 -18px;padding:12px 18px}.stat strong{font-size:27px}.hero-copy{max-width:70%}}
@media(max-width:850px){.shell{display:block}.sidebar{width:250px}.sidebar.open{box-shadow:0 0 0 100vw #19191955}.topbar{height:68px;padding:0 20px}.content{padding:26px 20px}.grid-two{grid-template-columns:1fr}.stats{gap:12px}.stat-top{font-size:10px}.stat strong{font-size:25px}.stat-footer a{display:none}.hero-copy{max-width:75%}}
@media(max-width:600px){.stats{grid-template-columns:1fr}.stat{padding:18px 20px 0}.stat strong{font-size:30px;margin:10px 0 17px}.stat-footer{margin:0 -20px;padding:12px 20px}.stat-footer a{display:flex}.page-heading h1{font-size:27px}.subtitle{font-size:12px}.panel-body{padding:18px}.panel-head{padding:16px 18px}.trend-controls{gap:15px}.period-tabs{width:100%;justify-content:space-between}.period-tabs button{flex:1}.hero{padding:22px;align-items:flex-start;flex-direction:column}.hero-copy{max-width:100%}.hero h2{font-size:20px}.topbar .local-badge{display:none}.crumb{font-size:12px}.inline-actions{flex-wrap:wrap}.login-box .brand-name{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.revenue-panel,.sidebar,.topbar{display:none!important}}
.nav a.active{background:#edf3e4;color:#1a2e05}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#workspace-search input{width:220px;max-width:100%;background:#f6f6f4;border:1px solid #eeeee8;border-radius:9px;padding:10px 13px;font:inherit;font-size:12px;color:#33332f}#workspace-search input::placeholder{color:#777770}@media(max-width:1000px){.top-actions .local-badge{display:none}}@media(max-width:650px){#workspace-search{display:none}}
.sidebar{overflow:hidden}.sidebar>.brand,.sidebar>.org-switch,.sidebar>.side-label,.sidebar>.sidebar-footer{flex-shrink:0}.sidebar>.nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4d4cd transparent}.sidebar-footer{margin-top:14px;padding:14px 4px 0;border-top:1px solid #e5e5df}
.sidebar>.nav{display:flex;flex-direction:column;gap:4px;scroll-padding-block:12px}.sidebar>.nav a{flex-shrink:0;min-height:38px;padding:9px 12px}

.simulator-table th,.simulator-table td{white-space:nowrap;overflow-wrap:normal}
