:root{--bg-surface:#f7f8f9;--fill-white:#fff;--text-default:#29313a;--text-secondary:#5a6d82;--text-menu-item:#3e4956;--border-default-alt:#e1e4e9;--border-default-subtle:#c2cad3;--fill-default:#e1e4e9;--fill-selected:#f7f8f9;--border-selected:#e1e4e9;--bg-surface-black:#15181d;--text-white:#fff;--gray-900:#181d27;--fill-product:#084782;--fill-product-subtle:#ebf5ff;--fill-product-alt:#d0e7fc;--text-product:#084782;--border-product:#084782;--text-disabled-subtle:#c2cad3;--fill-disabled-alt:#f0f2f4;--spacing-025:2px;--spacing-050:4px;--spacing-075:6px;--spacing-100:8px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--radius-050:4px;--radius-075:6px;--radius-100:8px;--radius-max:1000px;--font-family:"Commissioner", -apple-system, "Roboto", "Helvetica", sans-serif;--font-size-150:12px;--font-size-175:14px;--font-size-200:16px;--font-size-250:20px;--font-size-300:24px;--line-height-200:16px;--line-height-225:18px;--line-height-250:20px;--line-height-300:24px;--line-height-325:26px;--line-height-400:32px;--shadow-card:0 2px 4px 0 #0426520f, 0 2px 2px 0 #0000000f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);background:var(--bg-surface);color:var(--text-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}select{border:1px solid var(--border-default-subtle);background:var(--fill-white);height:32px;color:var(--text-default);font-family:var(--font-family);cursor:pointer;border-radius:4px;align-items:center;padding:4px 8px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex}.page-content{padding:var(--spacing-250);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-card{background:var(--fill-white);border-radius:var(--radius-100);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.step-card{padding:var(--spacing-200,16px) var(--spacing-200,16px) 12px;border-radius:var(--radius-100,8px);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;flex-shrink:0;gap:12px;width:100%;display:flex}.step-card-header{flex-shrink:0;align-items:flex-start;gap:16px;width:100%;display:flex}.step-card-poster{border-radius:8px;flex-shrink:0;width:53px;height:80px;overflow:hidden}.step-card-poster img{object-fit:cover;object-position:50% 50%;border-radius:8px;width:100%;height:100%}.step-card-info{flex:1 0 0;align-items:flex-start;min-width:0;display:flex}.step-card-details{flex-direction:column;flex:1 0 0;justify-content:flex-end;align-items:flex-start;min-width:0;display:flex}.step-card-title{font-family:var(--font-family);font-size:var(--font-size-250,20px);font-weight:500;line-height:var(--line-height-325,26px);color:var(--text-default,#29313a);margin:0}.step-card-meta{font-family:var(--font-family);font-size:var(--font-size-175,14px);font-weight:400;line-height:var(--line-height-250,20px);color:var(--text-default,#29313a);margin:0}@media (width<=768px){.step-card{padding:12px}.step-card-title{font-size:var(--font-size-200,16px);line-height:var(--line-height-275,22px)}}.dashboard-layout{background:var(--bg-surface);height:100dvh;display:flex;overflow:hidden}.dashboard-main{flex-direction:column;flex:1;min-height:0;max-height:100dvh;display:flex;overflow:hidden auto}.button{justify-content:center;align-items:center;gap:var(--spacing-050);font-family:var(--font-family);font-size:var(--font-size-175);font-weight:500;line-height:var(--line-height-250);border-radius:var(--radius-100);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;text-decoration:none;transition:all .2s;display:inline-flex}.button__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.button__label{padding:0 var(--spacing-050);align-items:center;display:inline-flex}.button--small{padding:var(--spacing-050) var(--spacing-100);min-height:28px;font-size:var(--font-size-150);line-height:var(--line-height-200)}.button--medium{padding:var(--spacing-075) var(--spacing-150);min-height:34px}.button--large{padding:var(--spacing-100) var(--spacing-150);min-height:40px}.button--icon-only.button--small{width:28px;padding:var(--spacing-050)}.button--icon-only.button--medium{width:34px;padding:var(--spacing-075)}.button--icon-only.button--large{width:40px;padding:var(--spacing-100)}.button--primary{background:var(--fill-product);color:var(--text-white)}.button--primary:hover:not(.button--disabled){background:#063761}.button--primary:active:not(.button--disabled){background:#052947}.button--default{background:var(--fill-default);color:var(--text-default)}.button--default:hover:not(.button--disabled){background:#d1d6de}.button--default:active:not(.button--disabled){background:#c2cad3}.button--secondary{color:var(--text-secondary);background:0 0;border:none}.button--secondary:hover:not(.button--disabled){background:var(--fill-selected)}.button--secondary:active:not(.button--disabled){background:var(--fill-default)}.button--negative{color:var(--text-white);background:#d32f2f}.button--negative:hover:not(.button--disabled){background:#b71c1c}.button--negative:active:not(.button--disabled){background:#8b0000}.button--positive{color:var(--text-white);background:#388e3c}.button--positive:hover:not(.button--disabled){background:#2e7d32}.button--positive:active:not(.button--disabled){background:#1b5e20}.button--invert{background:var(--text-white);color:var(--text-default)}.button--invert:hover:not(.button--disabled){background:#f0f2f4}.button--invert:active:not(.button--disabled){background:var(--fill-default)}.button--invert-default{color:var(--text-white);background:#fff3}.button--invert-default:hover:not(.button--disabled){background:#ffffff4d}.button--invert-default:active:not(.button--disabled){background:#fff6}.button--invert-secondary{color:var(--text-white);background:0 0}.button--invert-secondary:hover:not(.button--disabled){background:#ffffff1a}.button--invert-secondary:active:not(.button--disabled){background:#fff3}.button--link{color:var(--text-product);background:0 0;min-height:auto;padding:0;text-decoration:underline}.button--link:hover:not(.button--disabled){color:#063761;text-decoration:none}.button--link:active:not(.button--disabled){color:#052947}.button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button--disabled:not(.button--link){background:var(--fill-disabled-alt);color:var(--text-disabled-subtle)}.spinner-wrapper{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spinner{border-style:solid;border-color:var(--border-default-alt,#e1e4e9);border-top-color:var(--fill-product,#084782);border-radius:50%;animation:.8s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media (width<=1024px){.sidebar__collapse-btn-wrapper{display:none}.page-header{padding-left:64px!important}.breadcrumbs,.breadcrumb{margin-left:48px!important}}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;justify-content:space-between;width:260px;height:100dvh;transition:width .3s ease-in-out;display:flex}@media (width<=1024px){.sidebar{display:none}.sidebar.sidebar--mobile-open{width:260px;height:100%;display:flex;position:fixed;top:0;left:0;z-index:9999!important}}.sidebar--collapsed{width:80px}.sidebar--mobile-open{z-index:50;display:flex;position:fixed;top:0;left:0}.sidebar__mobile-toggle{display:none}@media (width<=1024px){.sidebar__mobile-toggle--mobile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;position:fixed;top:8px;left:16px;box-shadow:0 1px 4px #0000000f;z-index:10001!important;display:flex!important}}.sidebar__mobile-toggle-icon{color:#4b5563;width:24px;height:24px}.sidebar__mobile-overlay{z-index:40;background:#00000080;display:block;position:fixed;inset:0}.sidebar__main{flex:1;overflow-y:auto}.sidebar__main-inner{flex-direction:column;gap:20px;padding-top:20px;display:flex}.sidebar__mobile-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:14px;padding:0;display:flex}.sidebar__mobile-close:hover{color:#374151}.sidebar__mobile-close-icon{width:24px;height:24px}.sidebar__logo{background:#fff;justify-content:center;align-items:center;padding:0 16px;display:flex;position:relative}@media (width<=1024px){.sidebar__logo{justify-content:space-between}}.sidebar__logo-inner{align-items:center;gap:8px;display:flex}.sidebar__logo-img-wrap{flex-shrink:0;width:184px;height:auto;transition:width .3s ease-in-out;position:relative;overflow:hidden}.sidebar--collapsed .sidebar__logo-img-wrap{width:48px}.sidebar__logo-full{opacity:1;width:184px;height:auto;transition:opacity .2s ease-in-out;display:block;position:relative}.sidebar--collapsed .sidebar__logo-full{opacity:0;position:absolute;top:0;left:0}.sidebar__logo-mini{opacity:0;width:48px;height:auto;transition:opacity .2s ease-in-out;display:block;position:absolute;top:0;left:0}.sidebar--collapsed .sidebar__logo-mini{opacity:1;position:relative}.sidebar__nav{flex-direction:column;gap:4px;padding:0 16px;display:flex}.sidebar--collapsed .sidebar__nav{padding:0 8px}.sidebar__nav-link{background:#fff;border:none;border-radius:8px;align-items:center;height:40px;padding:0 12px;text-decoration:none;transition:background .2s,border .2s;display:flex}.sidebar--collapsed .sidebar__nav-link{justify-content:center;padding:0}.sidebar__nav-link:hover{background:#f9fafb}.sidebar__nav-link:hover,.sidebar__nav-link:focus,.sidebar__nav-link:active{text-decoration:none}.sidebar__nav-link--active{background:#f3f4f6;border:1px solid #e5e7eb}.sidebar__nav-icon{color:#6b7280;width:24px;height:24px;transition:color .2s}.sidebar__nav-icon--active{color:#374151}.sidebar__nav-label{color:#374151;white-space:nowrap;opacity:1;max-width:160px;font-size:16px;font-weight:500;transition:opacity .2s ease-in-out,max-width .3s ease-in-out;overflow:hidden}.sidebar--collapsed .sidebar__nav-label{opacity:0;max-width:0}.sidebar__nav-label--active{color:#111827}.sidebar__footer{border-top:1px solid #e5e7eb;position:relative}.sidebar__footer-inner{flex-direction:column;align-items:center;gap:24px;padding:0 16px 32px;display:flex}.sidebar__footer-divider{align-items:center;gap:8px;width:100%;display:flex;position:relative}.sidebar__footer-divider-line{background:#e5e7eb;flex:1;height:1px}.sidebar__collapse-btn{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,left .3s ease-in-out;display:flex;position:absolute;top:-16px;left:228px;box-shadow:0 1px 2px #0000000a}.sidebar__collapse-btn--collapsed{left:44px}.sidebar__collapse-icon{color:#6b7280;width:20px;height:20px;transition:transform .2s}.sidebar__collapse-icon--collapsed{transform:rotate(180deg)}.sidebar__account{justify-content:space-between;align-items:center;width:100%;min-height:40px;display:flex}.sidebar__account-info{opacity:1;flex-direction:column;gap:0;min-width:0;max-width:180px;transition:opacity .2s ease-in-out,max-width .3s ease-in-out;display:flex;overflow:hidden}.sidebar--collapsed .sidebar__account-info{opacity:0;max-width:0}.sidebar__account-name{color:#29313a;white-space:nowrap;margin:0;font-family:Commissioner,sans-serif;font-size:14px;font-weight:500;line-height:14px}.sidebar__account-company{color:#3e4956;white-space:nowrap;margin:8px 0 0;font-family:Commissioner,sans-serif;font-size:14px;font-weight:400;line-height:14px}.sidebar__logout-btn{background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.sidebar__logout-btn:hover{background:#f9fafb}.sidebar__logout-icon{color:#717680;width:24px;height:24px}.sidebar__signin{width:100%}.sidebar--collapsed .sidebar__signin{justify-content:center;align-items:center;height:40px;min-height:40px;display:flex}.sidebar__signin-icon{width:20px;height:20px}.landing-page{z-index:999;justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;position:absolute;overflow-y:auto}.landing-cover-image{z-index:10;background-image:url(/images/landing_poster_masked.webp);background-position:top;background-repeat:no-repeat;background-size:100%;width:100%;min-height:100dvh;position:absolute}.landing-content{flex-direction:column;justify-content:center;align-items:center;gap:36px;width:100%;height:100%;display:flex}.movie-posters-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.posters-image{object-fit:contain;width:100%;max-width:1437px;height:auto}.text-content{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.main-heading{color:var(--text-default);text-align:center;font-family:var(--font-family);margin:0;font-size:40px;font-style:normal;font-weight:700;line-height:normal}.subheading{color:var(--text-default);text-align:center;font-family:var(--font-family);margin:0;font-size:28px;font-style:normal;font-weight:500;line-height:36px}.cta-section{flex-direction:column;justify-content:flex-end;align-items:center;gap:16px;display:flex}.cta-text{color:var(--text-default);text-align:center;font-family:var(--font-family);margin:0;font-size:24px;font-style:normal;font-weight:400;line-height:32px}.sign-in-button{padding:var(--spacing-100) var(--spacing-150);border-radius:var(--radius-100);background:var(--fill-product);color:var(--text-white);text-align:center;font-family:var(--font-family);font-size:var(--font-size-175);font-style:normal;font-weight:500;line-height:var(--line-height-300);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.sign-in-button:hover{background:#0a5a9e}.sign-in-button:active{background:#063d6b}@media (width<=1080px){.landing-cover-image{background-image:url(/images/landing_poster_masked-1080.webp)}}@media (width<=768px){.landing-cover-image{background-image:url(/images/landing_poster_masked-768.webp)}}@media (width<=1024px){.landing-page{padding:var(--spacing-250)}.landing-content{gap:32px}.main-heading{font-size:32px}.subheading{font-size:24px;line-height:32px}.cta-text{font-size:20px;line-height:28px}}@media (width<=768px){.landing-page{padding:var(--spacing-200)}.landing-content{gap:28px}.main-heading{font-size:28px}.subheading{font-size:20px;line-height:28px}.cta-text{font-size:18px;line-height:26px}}@media (width<=480px){.landing-page{padding:var(--spacing-150)}.landing-content{gap:24px}.main-heading{font-size:24px}.subheading{font-size:18px;line-height:24px}.cta-text{font-size:16px;line-height:24px}.sign-in-button{width:100%;max-width:300px}}
