/* /smarts_hub_totem/static/src/shared/styles/variables.css */
 :root{--sh-color-primary: #ebb92d; --sh-color-primary-light: color-mix(in srgb, var(--sh-color-primary) 80%, white); --sh-color-primary-dark: color-mix(in srgb, var(--sh-color-primary) 60%, black); --sh-color-primary-hover: color-mix(in srgb, var(--sh-color-primary) 85%, black); --sh-color-primary-active: color-mix(in srgb, var(--sh-color-primary) 70%, black); --sh-color-grey-900: #1f2937; --sh-color-grey-700: #707070; --sh-color-grey-600: #8a8a8a; --sh-color-grey-500: #a1a1a1; --sh-color-grey-300: #c3c3c3; --sh-color-grey-200: #e6e8eb; --sh-color-grey-100: #f6f6f6; --sh-color-grey-50: #f9fafb; --sh-color-black: #131923; --sh-color-white: #ffffff; --sh-color-green: #00e52e; --sh-color-red: #c30011; --sh-color-blue: #007bff; --sh-color-red-50: #fef2f2; --sh-color-red-500: #ef4444; --sh-color-red-600: #dc2626; --sh-color-red-700: #b91c1c; --sh-color-green-50: #f0fdf4; --sh-color-green-100: #dcfce7; --sh-color-green-500: #10b981; --sh-color-green-600: #059669; --sh-color-green-700: #047857; --sh-color-green-800: #065f46; --sh-color-green-900: #001a00; --sh-color-blue-50: #eff6ff; --sh-color-blue-500: #3b82f6; --sh-color-blue-600: #2563eb; --sh-color-blue-900: #001a4d; --sh-color-amber-50: #fffbeb; --sh-color-amber-500: #f59e0b; --sh-color-amber-600: #d97706; --sh-color-amber-900: #42210f; --sh-color-violet-500: #8b5cf6; --sh-color-violet-600: #7c3aed; --sh-color-violet-700: #6d28d9; --sh-badge-pending-bg: var(--sh-color-green-500); --sh-badge-pending-text: var(--sh-color-green-900); --sh-badge-accepted-bg: var(--sh-color-blue-500); --sh-badge-accepted-text: var(--sh-color-blue-900); --sh-badge-rejected-bg: var(--sh-color-red-600); --sh-badge-rejected-text: var(--sh-color-white); --sh-badge-expired-bg: var(--sh-color-amber-500); --sh-badge-expired-text: var(--sh-color-amber-900); --sh-badge-finished-bg: var(--sh-color-green-700); --sh-badge-finished-text: var(--sh-color-green-100); --sh-color-primary-50: color-mix(in srgb, var(--sh-color-primary) 10%, white); --sh-color-primary-100: color-mix(in srgb, var(--sh-color-primary) 20%, white); --sh-color-primary-700: color-mix(in srgb, var(--sh-color-primary) 80%, black); --sh-color-warning-50: color-mix(in srgb, var(--sh-color-warning) 10%, white); --sh-color-warning-200: color-mix(in srgb, var(--sh-color-warning) 30%, white); --sh-color-warning-700: color-mix(in srgb, var(--sh-color-warning) 80%, black); --sh-color-white-10: rgba(255, 255, 255, 0.1); --sh-color-white-40: rgba(255, 255, 255, 0.4); --sh-color-black-50: rgba(0, 0, 0, 0.5); --sh-color-grey-25: #fafafa; --sh-color-primary-10: rgba(195, 0, 17, 0.1); --sh-color-green-10: rgba(0, 229, 46, 0.1); --sh-color-red-10: rgba(239, 68, 68, 0.1); --sh-color-button-disabled: #d4d4d5; --sh-color-info: #ddf9ff; --sh-color-warning: #fdb83d; --sh-color-success: #e1ffe7; --sh-color-error: #fff7f7; --sh-color-background: #000000; --sh-icon-color-primary: var(--sh-color-primary); --sh-icon-color-secondary: var(--sh-color-grey-700); --sh-icon-color-white: var(--sh-color-white); --sh-icon-color-black: var(--sh-color-black); --sh-icon-color-gray: var(--sh-color-grey-700); --sh-icon-color-success: var(--sh-color-green); --sh-icon-color-warning: var(--sh-color-warning); --sh-icon-color-error: var(--sh-color-red); --sh-icon-color-menu: var(--sh-color-grey-600); --sh-icon-color-muted: var(--sh-color-grey-500); --sh-icon-color-loading: var(--sh-color-grey-300); --sh-font-display: 'Red Hat Display', sans-serif; --sh-font-family-base: 'Red Hat Display', sans-serif; --sh-font-weight-300: 300; --sh-font-weight-400: 400; --sh-font-weight-500: 500; --sh-font-weight-600: 600; --sh-font-weight-700: 700; --sh-font-weight-800: 800; --sh-font-weight-900: 900; --sh-font-size-xxs: 0.625rem; --sh-font-size-xs: 0.75rem; --sh-font-size-sm: 0.875rem; --sh-font-size-md: 1rem; --sh-font-size-lg: 1.125rem; --sh-font-size-xl: 1.25rem; --sh-font-size-1xl: 1.5rem; --sh-font-size-2xl: 1.875rem; --sh-font-size-2-5xl: 2.25rem; --sh-font-size-3xl: 3.3125rem; --sh-font-size-4xl: 3.75rem; --sh-line-height-1: 1; --sh-line-height-relaxed: 1.625; --sh-line-height-16: 1rem; --sh-line-height-20: 1.25rem; --sh-line-height-22: 1.375rem; --sh-line-height-24: 1.5rem; --sh-line-height-26: 1.625rem; --sh-line-height-36: 2.25rem; --sh-letter-spacing-none: 0rem; --sh-text-transform-uppercase: uppercase; --sh-space-1: 0.25rem; --sh-space-2: 0.5rem; --sh-space-3: 1rem; --sh-space-4: 1.5rem; --sh-space-5: 2rem; --sh-space-6: 2.5rem; --sh-space-7: 1.75rem; --sh-space-8: 2rem; --sh-space-9: 2.25rem; --sh-space-10: 2.5rem; --sh-space-11: 2.75rem; --sh-space-12: 3rem; --sh-space-13: 3.25rem; --sh-space-15: 3.75rem; --sh-space-16: 4rem; --sh-space-20: 5rem; --sh-space-24: 6rem; --sh-radius-sm: 0.25rem; --sh-radius-md: 0.5rem; --sh-radius-lg: 0.75rem; --sh-radius-xl: 1rem; --sh-radius-full: 9999px; --sh-control-height-sm: 2.5rem; --sh-control-height-md: 3rem; --sh-control-height-lg: 3.5rem; --sh-border-width: 2px; --sh-transition-fast: 0.2s; --sh-transition-med: 0.3s; --sh-transition-ease: ease; --sh-backdrop-blur: blur(8px); --sh-transition-smooth: 0.5s; --sh-transition-emphasized: cubic-bezier(0.25, 0.8, 0.25, 1); --sh-transition-standard: cubic-bezier(0.4, 0, 0.2, 1); --sh-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1); --sh-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.15); --sh-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.2); --sh-shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.15); --sh-shadow-box: 0 4px 12px rgba(0, 0, 0, 0.15), 0 10px 20px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8); --sh-focus-ring: 0 0 0 3px rgba(195, 0, 17, 0.1); --sh-focus-ring-primary: 0 0 0 3px var(--sh-color-primary-10); --sh-focus-ring-success: 0 0 0 3px var(--sh-color-green-10); --sh-focus-ring-error: 0 0 0 3px var(--sh-color-red-10); --sh-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); --sh-color-white-70: rgba(255, 255, 255, 0.7); --sh-opacity-90: 0.9; --sh-opacity-80: 0.8; --sh-opacity-70: 0.7; --sh-opacity-60: 0.6; --sh-opacity-50: 0.5; --sh-opacity-40: 0.4; --sh-opacity-30: 0.3; --sh-opacity-20: 0.2; --sh-opacity-10: 0.1; --sh-container: 500px; --sh-container-sm: 600px; --sh-container-base: 700px; --sh-container-md: 800px; --sh-container-lg: 900px; --sh-container-xl: 1100px; --sh-z-dropdown: 10; --sh-z-modal: 100; --sh-z-overlay: 1000; --sh-divider-color: var(--sh-color-grey-300); --sh-bp-xs: 480px; --sh-bp-sm: 576px; --sh-bp-md: 768px; --sh-bp-lg-1024: 1024px; --sh-bp-lg: 992px; --sh-bp-xl: 1440px;}@keyframes sh-spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.sh-icon-primary{fill: var(--sh-icon-color-primary); color: var(--sh-icon-color-primary);}.sh-icon-secondary{fill: var(--sh-icon-color-secondary); color: var(--sh-icon-color-secondary);}.sh-icon-white{fill: var(--sh-icon-color-white); color: var(--sh-icon-color-white);}.sh-icon-black{fill: var(--sh-icon-color-black); color: var(--sh-icon-color-black);}.sh-icon-grey{fill: var(--sh-icon-color-gray); color: var(--sh-icon-color-gray);}.sh-icon-success{fill: var(--sh-icon-color-success); color: var(--sh-icon-color-success);}.sh-icon-warning{fill: var(--sh-icon-color-warning); color: var(--sh-icon-color-warning);}.sh-icon-error{fill: var(--sh-icon-color-error); color: var(--sh-icon-color-error);}.sh-icon-menu{fill: var(--sh-icon-color-menu); color: var(--sh-icon-color-menu);}.sh-icon-muted{fill: var(--sh-icon-color-muted); color: var(--sh-icon-color-muted);}.sh-icon-loading{fill: var(--sh-icon-color-loading); color: var(--sh-icon-color-loading);}.sh-icon-spin{animation: sh-spin 2s linear infinite;}*, *::before, *::after{box-sizing: border-box;}body{font-family: var(--sh-font-display); font-weight: var(--sh-font-weight-400); color: var(--sh-color-black); line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}button, input, textarea, select, a, [role='button'], [tabindex]{-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}.sh-m-1{margin: var(--sh-space-1);}.sh-m-2{margin: var(--sh-space-2);}.sh-m-3{margin: var(--sh-space-3);}.sh-m-4{margin: var(--sh-space-4);}.sh-m-5{margin: var(--sh-space-5);}.sh-p-1{padding: var(--sh-space-1);}.sh-p-2{padding: var(--sh-space-2);}.sh-p-3{padding: var(--sh-space-3);}.sh-p-4{padding: var(--sh-space-4);}.sh-p-5{padding: var(--sh-space-5);}.sh-text-xs{font-size: var(--sh-font-size-xs);}.sh-text-sm{font-size: var(--sh-font-size-sm);}.sh-text-md{font-size: var(--sh-font-size-md);}.sh-text-lg{font-size: var(--sh-font-size-lg);}.sh-text-xl{font-size: var(--sh-font-size-xl);}.sh-text-center{text-align: center;}.sh-text-left{text-align: left;}.sh-text-right{text-align: right;}.sh-font-light{font-weight: var(--sh-font-weight-300);}.sh-font-normal{font-weight: var(--sh-font-weight-400);}.sh-font-medium{font-weight: var(--sh-font-weight-500);}.sh-font-semibold{font-weight: var(--sh-font-weight-600);}.sh-font-bold{font-weight: var(--sh-font-weight-700);}.sh-font-black{font-weight: var(--sh-font-weight-900);}

/* /smarts_hub_totem/static/src/shared/styles/buttons.css */
 .sh-btn{width: 100%; display: inline-flex; align-items: center; justify-content: center; height: var(--sh-control-height-md); min-width: var(--sh-space-12); padding: 0 var(--sh-space-3); font-family: var(--sh-font-display); font-size: var(--sh-font-size-md); line-height: var(--sh-line-height-1); font-weight: var(--sh-font-weight-700); border-radius: var(--sh-radius-lg); border: var(--sh-border-width) solid transparent; cursor: pointer; transition: all var(--sh-transition-smooth) var(--sh-transition-emphasized); text-align: center; text-decoration: none; box-sizing: border-box;}.sh-btn-primary{background-color: var(--sh-color-primary); color: var(--sh-color-white);}.sh-btn-primary:hover:not(:disabled){background-color: var(--sh-color-primary-hover); transform: translateY(-var(--sh-space-1));}.sh-btn-primary:hover:not(:disabled) svg{fill: currentColor; color: currentColor;}.sh-btn-primary:active:not(:disabled){background-color: var(--sh-color-primary-active); transform: translateY(0);}.sh-btn-primary:active:not(:disabled) svg{fill: currentColor; color: currentColor;}.sh-btn-primary:disabled{background-color: var(--sh-color-button-disabled); opacity: var(--sh-opacity-90); cursor: not-allowed; transform: none;}.sh-btn-primary:disabled svg{fill: currentColor; color: currentColor;}.sh-btn-secondary{background-color: transparent; color: var(--sh-color-primary); border: var(--sh-border-width) solid var(--sh-color-primary);}.sh-btn-secondary:hover:not(:disabled){background-color: var(--sh-color-primary); color: var(--sh-color-white); transform: translateY(-var(--sh-space-1));}.sh-btn-secondary:hover:not(:disabled) svg{fill: currentColor; color: currentColor;}.sh-btn-secondary:active:not(:disabled){background-color: var(--sh-color-primary-active); transform: translateY(0);}.sh-btn-secondary:active:not(:disabled) svg{fill: currentColor; color: currentColor;}.sh-btn-secondary:disabled{border-color: var(--sh-color-button-disabled); color: var(--sh-color-button-disabled); opacity: var(--sh-opacity-90); cursor: not-allowed; transform: none;}.sh-btn-secondary:disabled svg{fill: currentColor; color: currentColor;}.sh-btn-white{background-color: var(--sh-color-white); color: var(--sh-color-black); border: var(--sh-border-width) solid var(--sh-color-grey-300); box-shadow: var(--sh-shadow-sm);}.sh-btn-white:hover:not(:disabled){background-color: var(--sh-color-grey-100); border-color: var(--sh-color-primary); transform: translateY(-var(--sh-space-1)); box-shadow: var(--sh-shadow-md);}.sh-btn-white:hover:not(:disabled) svg{fill: currentColor; color: currentColor;}.sh-btn-white:active:not(:disabled){background-color: var(--sh-color-grey-200); transform: translateY(0); box-shadow: var(--sh-shadow-sm);}.sh-btn-white:active:not(:disabled) svg{fill: currentColor; color: currentColor;}.sh-btn-white:disabled{background-color: var(--sh-color-grey-100); border-color: var(--sh-color-button-disabled); color: var(--sh-color-button-disabled); opacity: var(--sh-opacity-90); cursor: not-allowed; transform: none; box-shadow: none;}.sh-btn-white:disabled svg{fill: currentColor; color: currentColor;}.sh-btn-transparent-white{background-color: transparent; color: var(--sh-color-white); border: var(--sh-border-width) solid var(--sh-color-white);}.sh-btn-transparent-white:hover:not(:disabled){background-color: var(--sh-color-white-10); color: var(--sh-color-white); transform: translateY(-var(--sh-space-1));}.sh-btn-transparent-white:hover:not(:disabled) svg{fill: currentColor; color: currentColor;}.sh-btn-transparent-white:active:not(:disabled){background-color: var(--sh-color-white-10); transform: translateY(0);}.sh-btn-transparent-white:active:not(:disabled) svg{fill: currentColor; color: currentColor;}.sh-btn-transparent-white:disabled{border-color: var(--sh-color-white-40); color: var(--sh-color-white-40); opacity: var(--sh-opacity-90); cursor: not-allowed; transform: none;}.sh-btn-transparent-white:disabled svg{fill: currentColor; color: currentColor;}.sh-btn-auto{width: auto; min-width: var(--sh-space-12);}.sh-btn svg{fill: currentColor; color: currentColor;}.sh-btn-primary svg{fill: currentColor; color: currentColor;}.sh-btn-secondary svg{fill: currentColor; color: currentColor;}.sh-btn-white svg{fill: currentColor; color: currentColor;}.sh-btn-transparent-white svg{fill: currentColor; color: currentColor;}.sh-btn-icon-left img, .sh-btn-icon-left svg{margin-right: var(--sh-space-2); flex-shrink: 0;}.sh-btn-icon-right img, .sh-btn-icon-right svg{margin-left: var(--sh-space-2); flex-shrink: 0;}.sh-btn-icon-only{width: var(--sh-control-height-md); padding: 0;}.sh-btn-icon-only img, .sh-btn-icon-only svg{padding: 0; margin: 0;}.sh-btn-sm{height: var(--sh-control-height-sm); min-width: var(--sh-control-height-sm); font-size: var(--sh-font-size-sm); padding: 0 var(--sh-space-2);}.sh-btn-sm.sh-btn-icon-only{width: var(--sh-control-height-sm);}.sh-btn-sm img, .sh-btn-sm svg{width: var(--sh-space-4); height: var(--sh-space-4);}.sh-btn-input{height: var(--sh-control-height-md); min-width: var(--sh-control-height-md); font-size: var(--sh-font-size-md); padding: 0 var(--sh-space-3);}.sh-btn-input.sh-btn-icon-only{width: var(--sh-control-height-md);}.sh-btn-input img, .sh-btn-input svg{width: var(--sh-space-4); height: var(--sh-space-4);}.sh-btn-lg{height: var(--sh-control-height-lg); min-width: var(--sh-control-height-lg); font-size: var(--sh-font-size-lg); padding: 0 var(--sh-space-4);}.sh-btn-lg.sh-btn-icon-only{width: var(--sh-control-height-lg);}.sh-btn-lg img, .sh-btn-lg svg{width: var(--sh-space-4); height: var(--sh-space-4);}.sh-btn-img-left{padding: 0 var(--sh-space-2) 0 0; justify-content: space-between; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}.sh-btn-img-left .sh-btn-img-container{width: var(--sh-control-height-lg); height: var(--sh-control-height-lg); display: flex; align-items: center; justify-content: center; border-radius: var(--sh-radius-lg) 0 0 var(--sh-radius-lg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); flex-shrink: 0;}.sh-btn-img-left .sh-btn-text{flex: 1; text-align: left; padding: 0 var(--sh-space-3); font-size: var(--sh-font-size-md); font-weight: var(--sh-font-weight-400);}.sh-btn-img-left:hover:not(:disabled){transform: scale(1.02);}.sh-btn-img-right{padding: 0 0 0 var(--sh-space-2); justify-content: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); height: 4rem;}.sh-btn-img-right .sh-btn-text{flex: 1; text-align: left; padding: 0 var(--sh-space-3); font-size: 1.2rem; font-weight: var(--sh-font-weight-600);}.sh-btn-img-right .sh-btn-img-container{height: 4rem; width: 4rem; border: 1px solid var(--sh-color-white); border-radius: 0 var(--sh-radius-lg) var(--sh-radius-md) 0; display: flex; align-items: center; justify-content: center; box-shadow: -10px 1px 11px 0px rgba(0, 0, 0, 0.14); flex-shrink: 0;}.sh-btn-img-right .sh-btn-img-container img, .sh-btn-img-right .sh-btn-img-container svg{height: 2.5rem; width: 2.5rem;}.sh-btn-img-right:hover:not(:disabled){transform: scale(1.02);}@media (max-width: 480px){.sh-btn-sm{font-size: var(--sh-font-size-sm); padding: var(--sh-space-2) var(--sh-space-3);}.sh-btn{font-size: var(--sh-font-size-md); padding: var(--sh-space-4) var(--sh-space-3);}.sh-btn .sh-icon{width: 16px; height: 16px;}.sh-btn-sm .sh-icon{width: 14px; height: 14px;}}

/* /smarts_hub_totem/static/src/shared/styles/inputs.css */
 .sh-input, .sh-input-sm, .sh-input-lg{width: 100%; padding: 0 var(--sh-space-2); font-family: var(--sh-font-display); font-weight: var(--sh-font-weight-400); color: var(--sh-color-black); background-color: var(--sh-color-white); border: var(--sh-border-width) solid var(--sh-color-grey-300); border-radius: var(--sh-radius-lg); transition: border-color var(--sh-transition-smooth) var(--sh-transition-emphasized), box-shadow var(--sh-transition-smooth) var(--sh-transition-emphasized); box-sizing: border-box; outline: none;}.sh-input{height: var(--sh-control-height-md); font-size: var(--sh-font-size-md);}.sh-input-sm{height: var(--sh-control-height-sm); font-size: var(--sh-font-size-sm); padding: 0 var(--sh-space-2);}.sh-input-lg{height: var(--sh-control-height-lg); font-size: var(--sh-font-size-lg);}.sh-input:hover:not(:disabled):not(.sh-input-disabled), .sh-input-sm:hover:not(:disabled):not(.sh-input-disabled), .sh-input-lg:hover:not(:disabled):not(.sh-input-disabled){cursor: text; border-color: var(--sh-color-primary); background-color: var(--sh-color-grey-50);}.sh-input:focus, .sh-input-sm:focus, .sh-input-lg:focus{border-color: var(--sh-color-primary); box-shadow: var(--sh-focus-ring);}.sh-input:disabled, .sh-input-sm:disabled, .sh-input-lg:disabled{background-color: var(--sh-color-grey-100); color: var(--sh-color-grey-700); cursor: not-allowed;}.sh-input::placeholder, .sh-input-sm::placeholder, .sh-input-lg::placeholder{color: var(--sh-color-grey-700); font-weight: var(--sh-font-weight-400);}.sh-input-auto{width: auto; min-width: var(--sh-space-12);}.sh-input-with-icon{position: relative; display: inline-block; width: 100%;}.sh-input-with-icon input{padding-right: var(--sh-space-4);}.sh-input-with-icon .sh-input-icon{display: flex; justify-content: center; align-items: center; position: absolute; right: var(--sh-space-3); top: 50%; transform: translateY(-50%); width: var(--sh-space-5); height: var(--sh-space-5); pointer-events: none; color: var(--sh-color-grey-700);}.sh-input-with-icon .sh-input-icon-clickable{pointer-events: auto; cursor: pointer; transition: color var(--sh-transition-smooth);}.sh-input-with-icon .sh-input-icon-clickable:hover{color: var(--sh-color-primary);}.sh-btn-loading-content{position: relative; width: 20px; height: 20px; margin: 0 auto;}.sh-input-error, .sh-input-sm.sh-input-error, .sh-input-lg.sh-input-error{border-color: var(--sh-color-red);}.sh-input-error:focus, .sh-input-sm.sh-input-error:focus, .sh-input-lg.sh-input-error:focus{border-color: var(--sh-color-red); box-shadow: var(--sh-focus-ring-primary);}.sh-input-success, .sh-input-sm.sh-input-success, .sh-input-lg.sh-input-success{border-color: var(--sh-color-green);}.sh-input-success:focus, .sh-input-sm.sh-input-success:focus, .sh-input-lg.sh-input-success:focus{border-color: var(--sh-color-green); box-shadow: var(--sh-focus-ring-success);}.sh-input-disabled, .sh-input-sm.sh-input-disabled, .sh-input-lg.sh-input-disabled{background-color: var(--sh-color-grey-50); color: var(--sh-color-grey-600); border-color: var(--sh-color-grey-200); border-style: dashed; cursor: not-allowed; position: relative;}.sh-input-disabled::after, .sh-input-sm.sh-input-disabled::after, .sh-input-lg.sh-input-disabled::after{position: absolute; right: var(--sh-space-2); top: 50%; transform: translateY(-50%); font-size: var(--sh-font-size-xs); opacity: 0.6; pointer-events: none;}.sh-input[type='time'], .sh-input-sm[type='time'], .sh-input-lg[type='time']{-webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 120px;}.sh-input[type='date'], .sh-input-sm[type='date'], .sh-input-lg[type='date']{-webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 140px;}@supports (-webkit-touch-callout: none){.sh-input[type='time'], .sh-input-sm[type='time'], .sh-input-lg[type='time']{min-width: 140px; padding-right: var(--sh-space-3);}.sh-input[type='time']::-webkit-date-and-time-value, .sh-input-sm[type='time']::-webkit-date-and-time-value, .sh-input-lg[type='time']::-webkit-date-and-time-value{text-align: left;}.sh-input[type='date'], .sh-input-sm[type='date'], .sh-input-lg[type='date']{min-width: 160px; padding-right: var(--sh-space-3);}.sh-input[type='date']::-webkit-date-and-time-value, .sh-input-sm[type='date']::-webkit-date-and-time-value, .sh-input-lg[type='date']::-webkit-date-and-time-value{text-align: left;}}

/* /smarts_hub_totem/static/src/shared/styles/select.css */
 .sh-select-container{position: relative; width: 100%; z-index: 1;}.sh-select-container:has(.sh-select-open){z-index: 1001;}.sh-select-native{width: 100%; height: 100%;}.sh-select, .sh-select-sm, .sh-select-lg{position: relative; width: 100%; padding: 0 var(--sh-space-10) 0 var(--sh-space-3); font-family: var(--sh-font-display); font-weight: var(--sh-font-weight-400); color: var(--sh-color-black); background-color: var(--sh-color-white); border: var(--sh-border-width) solid var(--sh-color-grey-300); border-radius: var(--sh-radius-lg); transition: border-color var(--sh-transition-smooth) var(--sh-transition-emphasized), box-shadow var(--sh-transition-smooth) var(--sh-transition-emphasized); box-sizing: border-box; outline: none; cursor: pointer; user-select: none;}.sh-select, .sh-select-md{height: var(--sh-control-height-md); font-size: var(--sh-font-size-md);}.sh-select-sm{height: var(--sh-control-height-sm); font-size: var(--sh-font-size-sm); padding: 0 var(--sh-space-8) 0 var(--sh-space-2);}.sh-select-lg{height: var(--sh-control-height-lg); font-size: var(--sh-font-size-lg); padding: 0 var(--sh-space-12) 0 var(--sh-space-4);}.sh-select-input{height: var(--sh-control-height-md); font-size: var(--sh-font-size-md);}.sh-select-content{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; gap: var(--sh-space-2);}.sh-select-text{flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1.2;}.sh-select-placeholder{color: var(--sh-color-grey-700); font-weight: var(--sh-font-weight-400);}.sh-select-icon{position: absolute; right: var(--sh-space-3); top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: var(--sh-space-5); height: var(--sh-space-5); flex-shrink: 0; cursor: pointer; transition: transform var(--sh-transition-fast) var(--sh-transition-standard);}.sh-select-chevron{color: var(--sh-color-grey-700); transition: color var(--sh-transition-fast) var(--sh-transition-standard);}.sh-select:hover:not(.sh-select-disabled), .sh-select-sm:hover:not(.sh-select-disabled), .sh-select-md:hover:not(.sh-select-disabled), .sh-select-lg:hover:not(.sh-select-disabled), .sh-select-input:hover:not(.sh-select-disabled){border-color: var(--sh-color-primary); background-color: var(--sh-color-grey-100);}.sh-select:hover:not(.sh-select-disabled) .sh-select-chevron, .sh-select-sm:hover:not(.sh-select-disabled) .sh-select-chevron, .sh-select-md:hover:not(.sh-select-disabled) .sh-select-chevron, .sh-select-lg:hover:not(.sh-select-disabled) .sh-select-chevron, .sh-select-input:hover:not(.sh-select-disabled) .sh-select-chevron{color: var(--sh-color-grey-900);}.sh-select:focus, .sh-select-sm:focus, .sh-select-md:focus, .sh-select-lg:focus, .sh-select-input:focus{border-color: var(--sh-color-primary); box-shadow: var(--sh-focus-ring);}.sh-select:focus .sh-select-chevron, .sh-select-sm:focus .sh-select-chevron, .sh-select-md:focus .sh-select-chevron, .sh-select-lg:focus .sh-select-chevron, .sh-select-input:focus .sh-select-chevron{color: var(--sh-color-primary);}.sh-select-open, .sh-select-open.sh-select-sm, .sh-select-open.sh-select-md, .sh-select-open.sh-select-lg, .sh-select-open.sh-select-input{border-color: var(--sh-color-primary); box-shadow: var(--sh-focus-ring);}.sh-select-open .sh-select-icon{transform: translateY(-50%) rotate(180deg);}.sh-select-open .sh-select-chevron{color: var(--sh-color-primary);}.sh-select-error, .sh-select-error.sh-select-sm, .sh-select-error.sh-select-md, .sh-select-error.sh-select-lg, .sh-select-error.sh-select-input{border-color: var(--sh-color-error);}.sh-select-error:focus, .sh-select-error.sh-select-sm:focus, .sh-select-error.sh-select-md:focus, .sh-select-error.sh-select-lg:focus, .sh-select-error.sh-select-input:focus{box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);}.sh-select-success, .sh-select-success.sh-select-sm, .sh-select-success.sh-select-md, .sh-select-success.sh-select-lg, .sh-select-success.sh-select-input{border-color: var(--sh-color-success);}.sh-select-success:focus, .sh-select-success.sh-select-sm:focus, .sh-select-success.sh-select-md:focus, .sh-select-success.sh-select-lg:focus, .sh-select-success.sh-select-input:focus{box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);}.sh-select-disabled, .sh-select-disabled.sh-select-sm, .sh-select-disabled.sh-select-md, .sh-select-disabled.sh-select-lg, .sh-select-disabled.sh-select-input{background-color: var(--sh-color-grey-100); color: var(--sh-color-grey-600); border-color: var(--sh-color-grey-200); border-style: dashed; cursor: not-allowed; position: relative; user-select: none;}.sh-select-disabled:hover, .sh-select-disabled.sh-select-sm:hover, .sh-select-disabled.sh-select-md:hover, .sh-select-disabled.sh-select-lg:hover, .sh-select-disabled.sh-select-input:hover{border-color: var(--sh-color-grey-200); box-shadow: none; background-color: var(--sh-color-grey-100);}.sh-select-disabled:focus, .sh-select-disabled.sh-select-sm:focus, .sh-select-disabled.sh-select-md:focus, .sh-select-disabled.sh-select-lg:focus, .sh-select-disabled.sh-select-input:focus{border-color: var(--sh-color-grey-200); box-shadow: none; outline: none; background-color: var(--sh-color-grey-50);}.sh-select-disabled:focus-visible, .sh-select-disabled.sh-select-sm:focus-visible, .sh-select-disabled.sh-select-md:focus-visible, .sh-select-disabled.sh-select-lg:focus-visible, .sh-select-disabled.sh-select-input:focus-visible{outline: none; border-color: var(--sh-color-grey-200); box-shadow: none;}.sh-select-disabled:active, .sh-select-disabled.sh-select-sm:active, .sh-select-disabled.sh-select-md:active, .sh-select-disabled.sh-select-lg:active, .sh-select-disabled.sh-select-input:active{border-color: var(--sh-color-grey-200); box-shadow: none; background-color: var(--sh-color-grey-100);}.sh-select-disabled.sh-select-open, .sh-select-disabled.sh-select-sm.sh-select-open, .sh-select-disabled.sh-select-md.sh-select-open, .sh-select-disabled.sh-select-lg.sh-select-open, .sh-select-disabled.sh-select-input.sh-select-open{border-color: var(--sh-color-grey-200); box-shadow: none; background-color: var(--sh-color-grey-100);}.sh-select-disabled .sh-select-chevron{color: var(--sh-color-grey-600);}.sh-select-disabled .sh-select-content{cursor: not-allowed; pointer-events: none;}.sh-select-disabled .sh-select-text{color: var(--sh-color-grey-700); cursor: not-allowed;}.sh-select-disabled .sh-select-icon{pointer-events: none; cursor: not-allowed;}.sh-select-disabled .sh-select-dropdown{display: none;}.sh-select-auto, .sh-select-auto.sh-select-sm, .sh-select-auto.sh-select-md, .sh-select-auto.sh-select-lg, .sh-select-auto.sh-select-input{width: auto; min-width: 120px;}.sh-select-dropdown{position: absolute; top: calc(100% + 4px); left: 0; right: 0; background: var(--sh-color-white); border: var(--sh-border-width) solid var(--sh-color-grey-300); border-radius: var(--sh-radius-lg); box-shadow: var(--sh-shadow-lg); z-index: 1000; max-height: 200px; overflow-y: auto; animation: sh-select-dropdown-enter 0.15s ease-out; scrollbar-width: thin; scrollbar-color: var(--sh-color-grey-400) var(--sh-color-grey-100);}@keyframes sh-select-dropdown-enter{from{opacity: 0; transform: translateY(-8px);}to{opacity: 1; transform: translateY(0);}}.sh-select-option{padding: var(--sh-space-2) var(--sh-space-2) var(--sh-space-2) var(--sh-space-3); font-size: var(--sh-font-size-md); color: var(--sh-color-black); cursor: pointer; transition: background-color var(--sh-transition-fast) var(--sh-transition-standard), color var(--sh-transition-fast) var(--sh-transition-standard); border-bottom: var(--sh-border-width) solid var(--sh-color-grey-100); user-select: none;}.sh-select-option:last-child{border-bottom: none;}.sh-select-option:hover{background-color: var(--sh-color-grey-50); color: var(--sh-color-black);}.sh-select-option-selected{background-color: var(--sh-color-primary-50); color: var(--sh-color-primary-700); font-weight: var(--sh-font-weight-500);}.sh-select-option-disabled{color: var(--sh-color-grey-500); cursor: not-allowed; background-color: transparent;}.sh-select-option-disabled:hover{background-color: transparent; color: var(--sh-color-grey-500);}@media (max-width: 480px){.sh-select-dropdown{position: absolute; top: calc(100% + 4px); left: 0; right: 0; width: 100%; max-width: 100%; min-width: 100%; max-height: 25vh; z-index: 9999; padding-right: var(--sh-space-1);}.sh-select-container{position: relative; z-index: 1;}.sh-select-option{padding: var(--sh-space-3) var(--sh-space-3); font-size: var(--sh-font-size-sm); min-height: 44px; display: flex; align-items: center;}}.sh-select:focus-visible, .sh-select-sm:focus-visible, .sh-select-md:focus-visible, .sh-select-lg:focus-visible, .sh-select-input:focus-visible{outline: 2px solid var(--sh-color-primary); outline-offset: 2px;}@media (prefers-reduced-motion: reduce){.sh-select, .sh-select-sm, .sh-select-md, .sh-select-lg, .sh-select-input, .sh-select-icon, .sh-select-chevron, .sh-select-option, .sh-select-dropdown{transition: none; animation: none;}}.sh-select-dropdown::-webkit-scrollbar-track{background: var(--sh-color-grey-100); border-radius: var(--sh-radius-sm); margin-right: 2px;}.sh-select-dropdown::-webkit-scrollbar-thumb{background: var(--sh-color-grey-400); border-radius: var(--sh-radius-sm); border-right: 1px solid transparent; background-clip: padding-box;}.sh-select-dropdown::-webkit-scrollbar-thumb:hover{background: var(--sh-color-grey-500);}

/* /smarts_hub_totem/static/src/shared/styles/number-input.css */
 .sh-number-input{display: flex; align-items: center; width: auto; min-width: calc(var(--sh-space-5) * 4.375); border: var(--sh-border-width) solid var(--sh-color-grey-200); border-radius: var(--sh-radius-lg); background-color: var(--sh-color-white); transition: border-color var(--sh-transition-smooth) var(--sh-transition-emphasized), box-shadow var(--sh-transition-smooth) var(--sh-transition-emphasized); overflow: hidden;}.sh-number-input-sm{min-width: calc(var(--sh-space-3) * 7.5);}.sh-number-input-lg{min-width: calc(var(--sh-space-5) * 5);}.sh-number-input-full{width: 100%;}.sh-number-input-button{display: flex; align-items: center; justify-content: center; background-color: var(--sh-color-white); border: none; cursor: pointer; transition: background-color var(--sh-transition-fast) var(--sh-transition-standard); flex-shrink: 0; user-select: none; height: var(--sh-control-height-md); width: var(--sh-control-height-md);}.sh-number-input-button-sm{height: var(--sh-control-height-sm); width: var(--sh-control-height-sm);}.sh-number-input-button-lg{height: var(--sh-control-height-lg); width: var(--sh-control-height-lg);}.sh-number-input-button:hover:not(:disabled){background-color: var(--sh-color-grey-100);}.sh-number-input-button:active:not(:disabled){background-color: var(--sh-color-grey-100); transform: scale(0.95);}.sh-number-input-button:disabled{background-color: var(--sh-color-grey-50); cursor: not-allowed; opacity: var(--sh-opacity-50);}.sh-number-input-field{flex: 1; border: none; outline: none; background: transparent; text-align: center; font-family: var(--sh-font-display); font-weight: var(--sh-font-weight-500); color: var(--sh-color-black); height: var(--sh-control-height-md); font-size: var(--sh-font-size-md); padding: 0 var(--sh-space-2); box-sizing: border-box;}.sh-number-input-field-sm{height: var(--sh-control-height-sm); font-size: var(--sh-font-size-sm); padding: 0 var(--sh-space-1);}.sh-number-input-field-lg{height: var(--sh-control-height-lg); font-size: var(--sh-font-size-lg); padding: 0 var(--sh-space-3);}.sh-number-input-field::placeholder{color: var(--sh-color-grey-600); font-weight: var(--sh-font-weight-400);}.sh-number-input-field::-webkit-outer-spin-button, .sh-number-input-field::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}.sh-number-input-field[type='number']{-moz-appearance: textfield; appearance: textfield;}.sh-number-input:hover:not(.sh-number-input-disabled){border-color: var(--sh-color-primary);}.sh-number-input:focus-within:not(.sh-number-input-disabled){border-color: var(--sh-color-primary); box-shadow: var(--sh-focus-ring);}.sh-number-input-disabled{background-color: var(--sh-color-grey-50); border-color: var(--sh-color-grey-200); border-style: dashed; cursor: not-allowed;}.sh-number-input-disabled .sh-number-input-field{color: var(--sh-color-grey-600); cursor: not-allowed;}.sh-number-input-disabled .sh-number-input-button{background-color: var(--sh-color-grey-100); cursor: not-allowed; opacity: var(--sh-opacity-50);}@media (max-width: 768px){.sh-number-input{min-width: calc(var(--sh-space-5) * 5);}.sh-number-input-button{width: var(--sh-space-12); height: var(--sh-control-height-md); min-height: var(--sh-space-11);}.sh-number-input-button-sm{width: var(--sh-space-11); height: var(--sh-control-height-sm); min-height: var(--sh-space-11);}.sh-number-input-button-lg{width: var(--sh-space-13); height: var(--sh-control-height-lg); min-height: var(--sh-space-12);}.sh-number-input-field{font-size: var(--sh-font-size-lg); min-height: var(--sh-space-11);}.sh-number-input-field-sm{font-size: var(--sh-font-size-md); min-height: var(--sh-space-11);}.sh-number-input-field-lg{font-size: var(--sh-font-size-xl); min-height: var(--sh-space-12);}}@media (prefers-reduced-motion: reduce){.sh-number-input, .sh-number-input-button, .sh-number-input-field{transition: none;}.sh-number-input-button:active:not(:disabled){transform: none;}}.sh-number-input-compact{min-width: calc(var(--sh-space-5) * 3.125);}.sh-number-input-compact .sh-number-input-button{width: calc(var(--sh-space-5) * 1);}.sh-number-input-compact .sh-number-input-field{font-size: var(--sh-font-size-sm);}@media (max-width: 480px){.sh-number-input-button{width: var(--sh-space-13); min-height: var(--sh-space-12);}.sh-number-input{min-width: calc(var(--sh-space-5) * 6.5625);}}@media (max-width: 480px){.sh-number-input-button{width: var(--sh-space-13); min-height: var(--sh-space-12);}.sh-number-input{min-width: calc(var(--sh-space-5) * 5);}}@media (max-width: 380px){.sh-number-input-button{width: var(--sh-space-13); min-height: var(--sh-space-12);}.sh-number-input{min-width: calc(var(--sh-space-5) * 5);}}@media (max-width: 360px){.sh-number-input-button{width: calc(var(--sh-space-5) * 1.25); min-height: var(--sh-space-12);}.sh-number-input{min-width: calc(var(--sh-space-5) * 3.4375);}}

/* /smarts_hub_totem/static/src/shared/styles/toggle.css */
 .sh-toggle-container{display: flex; align-items: center; gap: var(--sh-space-2);}.sh-toggle-container-label-left{flex-direction: row-reverse;}.sh-toggle-native{position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}.sh-toggle, .sh-toggle-sm, .sh-toggle-lg{position: relative; display: inline-block; cursor: pointer; background-color: var(--sh-color-grey-200); border-radius: var(--sh-radius-full); transition: background-color var(--sh-transition-smooth) var(--sh-transition-emphasized), box-shadow var(--sh-transition-smooth) var(--sh-transition-emphasized); outline: none; box-sizing: border-box;}.sh-toggle{width: 3rem; height: 1.5rem;}.sh-toggle-sm{width: 2.5rem; height: 1.25rem;}.sh-toggle-lg{width: 3.5rem; height: 1.75rem;}.sh-toggle:hover:not(.sh-toggle-disabled){background-color: var(--sh-color-grey-500);}.sh-toggle-checked:hover:not(.sh-toggle-disabled){background-color: var(--sh-color-grey-300);}.sh-toggle-focused{box-shadow: var(--sh-focus-ring);}.sh-toggle-disabled{opacity: 0.6; cursor: not-allowed; background-color: var(--sh-color-grey-200);}.sh-toggle-disabled.sh-toggle-checked{background-color: var(--sh-color-primary);}.sh-toggle-error{background-color: var(--sh-color-red);}.sh-toggle-error:hover:not(.sh-toggle-disabled){background-color: var(--sh-color-red);}.sh-toggle-success{background-color: var(--sh-color-green);}.sh-toggle-success:hover:not(.sh-toggle-disabled){background-color: color-mix(in srgb, var(--sh-color-green) 85%, black);}.sh-toggle-thumb{position: absolute; top: 2px; left: 2px; background-color: var(--sh-color-primary); border-radius: var(--sh-radius-full); transition: transform var(--sh-transition-smooth) var(--sh-transition-emphasized), box-shadow var(--sh-transition-smooth) var(--sh-transition-emphasized); box-shadow: var(--sh-shadow-sm);}.sh-toggle .sh-toggle-thumb{width: 1.25rem; height: 1.25rem;}.sh-toggle-sm .sh-toggle-thumb{width: 1rem; height: 1rem;}.sh-toggle-lg .sh-toggle-thumb{width: 1.5rem; height: 1.5rem;}.sh-toggle .sh-toggle-thumb-checked{transform: translateX(1.5rem);}.sh-toggle-sm .sh-toggle-thumb-checked{transform: translateX(1.25rem);}.sh-toggle-lg .sh-toggle-thumb-checked{transform: translateX(1.75rem);}.sh-toggle-label{font-family: var(--sh-font-display); font-weight: var(--sh-font-weight-400); font-size: var(--sh-font-size-md); color: var(--sh-color-black); cursor: pointer; user-select: none;}.sh-toggle-label-disabled{color: var(--sh-color-grey-700); cursor: not-allowed;}@media (prefers-reduced-motion: reduce){.sh-toggle, .sh-toggle-sm, .sh-toggle-lg, .sh-toggle-thumb{transition: none;}}.sh-toggle:focus-visible{box-shadow: var(--sh-focus-ring);}@media (prefers-contrast: high){.sh-toggle{border: 2px solid var(--sh-color-black);}.sh-toggle-checked{border-color: var(--sh-color-primary);}.sh-toggle-thumb{border: 1px solid var(--sh-color-grey-700);}}@media (max-width: 480px){.sh-toggle-label{font-size: var(--sh-font-size-sm);}}

/* /smarts_hub_totem/static/src/shared/styles/notification-popup.css */
 .notification-popup{position: fixed; top: var(--sh-space-4); left: 50%; transform: translateX(-50%) translateY(0px); z-index: var(--sh-z-overlay); max-width: 400px; width: calc(100% - var(--sh-space-6)); opacity: 0; visibility: hidden; scale: 0.95; transition: all 0.4s var(--sh-transition-emphasized); pointer-events: none;}.notification-popup--visible{opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); scale: 1; pointer-events: auto; animation: notificationPopupFadeIn 0.4s var(--sh-transition-emphasized) forwards;}.notification-popup--leaving{animation: notificationPopupFadeOut var(--sh-transition-med) var(--sh-transition-standard) forwards;}.notification-popup__content{position: relative; background: var(--sh-color-primary); color: var(--sh-color-white); border-radius: var(--sh-radius-lg); padding: var(--sh-space-3) var(--sh-space-4) var(--sh-space-4) var(--sh-space-4); box-shadow: var(--sh-shadow-dropdown); display: flex; align-items: center; gap: var(--sh-space-3); border: var(--sh-border-width) solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}.notification-popup .notification-popup__content .notification-popup__message{color: var(--sh-color-black); flex: 1; font-size: var(--sh-font-size-sm); font-weight: var(--sh-font-weight-500); line-height: 1.5; margin: 0; white-space: pre-line;}.notification-popup__close{display: flex; align-items: start; justify-content: center; flex-shrink: 0; background: none; border: none; font-size: var(--sh-font-size-1xl); color: var(--sh-color-black); cursor: pointer; padding: var(--sh-space-1); border-radius: var(--sh-radius-sm); opacity: 0.8; transition: all var(--sh-transition-fast) ease;}.notification-popup__close:hover{opacity: 1; background: rgba(255, 255, 255, 0.1);}.notification-popup__close:focus{outline: 2px solid var(--sh-color-white-70); outline-offset: 2px;}.notification-popup__progress{position: absolute; bottom: var(--sh-space-1); left: var(--sh-space-1); right: var(--sh-space-1); height: var(--sh-space-1); background: rgba(255, 255, 255, 0.15); border-radius: var(--sh-radius-sm); overflow: hidden; margin: 0;}.notification-popup__progress-fill{position: absolute; top: 0; left: 0; height: 100%; width: 0%; background: var(--sh-color-white); border-radius: var(--sh-radius-sm); transform-origin: left; transition: width 0ms linear; box-shadow: var(--sh-shadow-sm);}.notification-popup__progress-fill::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100% ); animation: progressShimmer 2.5s ease-in-out infinite;}@keyframes progressShimmer{0%{transform: translateX(-100%);}50%{transform: translateX(0);}100%{transform: translateX(100%);}}.notification-popup--error .notification-popup__content{background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%); border: 2px solid #ffcdd2; box-shadow: 0 8px 24px rgba(239, 68, 68, 0.15);}.notification-popup--error .notification-popup__message{color: #c62828;}.notification-popup--error .notification-popup__close{color: #c62828;}.notification-popup--error .notification-popup__progress-fill{background: linear-gradient(90deg, #ef5350 0%, #e53935 100%); box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);}.notification-popup--success .notification-popup__content{background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%); border: 2px solid #c8e6c9; box-shadow: 0 8px 24px rgba(76, 175, 80, 0.15);}.notification-popup--success .notification-popup__message{color: #2e7d32;}.notification-popup--success .notification-popup__close{color: #2e7d32;}.notification-popup--success .notification-popup__progress-fill{background: linear-gradient(90deg, #66bb6a 0%, #4caf50 100%); box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);}.notification-popup--warning .notification-popup__content{background: linear-gradient(135deg, #fff8e1 0%, #ffe082 100%); border: 2px solid #ffe082; color: var(--sh-color-black); box-shadow: 0 8px 24px rgba(255, 160, 0, 0.15);}.notification-popup--warning .notification-popup__message{color: #f57c00;}.notification-popup--warning .notification-popup__close{color: #f57c00;}.notification-popup--warning .notification-popup__progress-fill{background: linear-gradient(90deg, #ffb74d 0%, #ffa726 100%); box-shadow: 0 2px 8px rgba(255, 160, 0, 0.3);}.notification-popup--info .notification-popup__content{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); border: 2px solid #bbdefb; box-shadow: 0 8px 24px rgba(33, 150, 243, 0.15);}.notification-popup--info .notification-popup__message{color: #1565c0;}.notification-popup--info .notification-popup__close{color: #1565c0;}.notification-popup--info .notification-popup__progress-fill{background: linear-gradient(90deg, #42a5f5 0%, #2196f3 100%); box-shadow: 0 2px 8px rgba(33, 150, 243, 0.3);}@media (max-width: 480px){.notification-popup{top: var(--sh-space-2); width: calc(94% - var(--sh-space-6)); max-width: none;}.notification-popup__content{padding: var(--sh-space-3) var(--sh-space-3); font-size: var(--sh-font-size-xs);}.notification-popup__message{font-size: var(--sh-font-size-xs);}}@keyframes notificationPopupFadeIn{0%{opacity: 0; transform: translateX(-50%) translateY(-20px); scale: 0.95;}100%{opacity: 1; transform: translateX(-50%) translateY(0); scale: 1;}}@keyframes notificationPopupFadeOut{0%{opacity: 1; transform: translateX(-50%) translateY(0); scale: 1;}100%{opacity: 0; transform: translateX(-50%) translateY(-20px); scale: 0.95;}}.notification-popup--entering{animation: notificationPopupFadeIn 0.4s var(--sh-transition-emphasized) forwards;}

/* /smarts_hub_totem/static/src/apps/survey/styles/survey.css */
 :root{--survey-bg-gradient-start: var(--sh-color-primary); --survey-bg-gradient-end: color-mix(in srgb, var(--sh-color-primary) 70%, var(--sh-color-grey-900));}html, body{overflow-y: auto !important; overflow-x: hidden; height: auto !important;}*{margin: 0; padding: 0; box-sizing: border-box;}.survey-app{min-height: 100vh; display: flex; flex-direction: column; background: linear-gradient(135deg, var(--survey-bg-gradient-start) 0%, var(--survey-bg-gradient-end) 100%); overflow-y: auto;}.survey-header{background: var(--sh-color-white); padding: var(--sh-space-6) var(--sh-space-4); text-align: center; box-shadow: var(--sh-shadow-md);}.survey-header__content{max-width: 800px; margin: 0 auto;}.survey-header__title{font-size: var(--sh-font-size-2-5xl); font-weight: var(--sh-font-weight-700); color: var(--sh-color-black); margin-bottom: var(--sh-space-2);}.survey-header__company{font-size: var(--sh-font-size-lg); color: var(--sh-color-primary); font-weight: var(--sh-font-weight-600); margin-bottom: var(--sh-space-2);}.survey-header__greeting{font-size: var(--sh-font-size-md); color: var(--sh-color-grey-700);}.survey-progress{background: var(--sh-color-white); padding: var(--sh-space-4); box-shadow: var(--sh-shadow-sm);}.survey-progress__bar{height: 8px; background: var(--sh-color-grey-200); border-radius: var(--sh-radius-full); overflow: hidden; margin-bottom: var(--sh-space-2);}.survey-progress__fill{height: 100%; background: var(--sh-color-primary); transition: width 0.3s var(--sh-transition-ease);}.survey-progress__text{text-align: center; font-size: var(--sh-font-size-sm); color: var(--sh-color-grey-700); font-weight: var(--sh-font-weight-500);}.survey-page{flex: 1; max-width: 800px; width: 100%; margin: 0 auto; padding: var(--sh-space-6) var(--sh-space-4);}.survey-page__title{font-size: var(--sh-font-size-2xl); font-weight: var(--sh-font-weight-600); color: var(--sh-color-white); margin-bottom: var(--sh-space-6); text-align: center; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.survey-page__questions{display: flex; flex-direction: column; gap: var(--sh-space-4);}.question-renderer{background: var(--sh-color-white); padding: var(--sh-space-5); border-radius: var(--sh-radius-lg); box-shadow: var(--sh-shadow-md); transition: all var(--sh-transition-fast) var(--sh-transition-ease);}.question-renderer:hover{box-shadow: var(--sh-shadow-lg);}.question-renderer--error{border: 2px solid var(--sh-color-red);}.question-renderer__header{margin-bottom: var(--sh-space-4);}.question-renderer__label{display: block; font-size: var(--sh-font-size-lg); font-weight: var(--sh-font-weight-600); color: var(--sh-color-black); margin-bottom: var(--sh-space-2); line-height: var(--sh-line-height-24);}.question-renderer__required{color: var(--sh-color-red); margin-left: var(--sh-space-1);}.question-renderer__description{font-size: var(--sh-font-size-sm); color: var(--sh-color-grey-600); margin: 0; line-height: var(--sh-line-height-20);}.question-renderer__input{margin-bottom: var(--sh-space-2);}.question-renderer__textarea{width: 100%; resize: vertical; font-family: inherit; font-size: var(--sh-font-size-md); line-height: var(--sh-line-height-24); min-height: 100px;}.question-renderer__checkboxes{display: flex; flex-direction: column; gap: var(--sh-space-3); padding: var(--sh-space-2) 0;}.question-renderer__error{color: var(--sh-color-red); font-size: var(--sh-font-size-sm); font-weight: var(--sh-font-weight-500); margin: var(--sh-space-2) 0 0 0; display: flex; align-items: center; gap: var(--sh-space-1);}.question-renderer__error::before{content: "⚠"; font-size: var(--sh-font-size-md);}.survey-navigation{background: var(--sh-color-white); border-top: 1px solid var(--sh-color-grey-200); padding: var(--sh-space-4); display: flex; justify-content: space-between; align-items: center; gap: var(--sh-space-3); box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);}.survey-navigation__spacer{flex: 1;}.survey-loading{background: var(--sh-color-white); border-radius: var(--sh-radius-xl); padding: var(--sh-space-15) var(--sh-space-6); text-align: center; box-shadow: var(--sh-shadow-xl);}.spinner{width: 50px; height: 50px; margin: 0 auto var(--sh-space-4); border: 4px solid var(--sh-color-grey-100); border-top: 4px solid var(--sh-color-primary); border-radius: 50%; animation: sh-spin 1s linear infinite;}.survey-loading p{color: var(--sh-color-grey-700); font-size: var(--sh-font-size-md);}.error-container{width: 100%; max-width: 600px; margin: 0 auto; padding: var(--sh-space-4);}.error-card{background: var(--sh-color-white); border-radius: var(--sh-radius-xl); padding: var(--sh-space-15) var(--sh-space-6); text-align: center; box-shadow: var(--sh-shadow-xl);}.error-card.success{background: linear-gradient(135deg, var(--sh-color-success) 0%, color-mix(in srgb, var(--sh-color-success) 90%, white) 100%);}.error-icon{font-size: 64px; margin-bottom: var(--sh-space-4);}.error-card h1{font-size: var(--sh-font-size-2xl); color: var(--sh-color-black); margin-bottom: var(--sh-space-3); font-weight: var(--sh-font-weight-700);}.error-card p{font-size: var(--sh-font-size-md); color: var(--sh-color-grey-700); margin-bottom: var(--sh-space-2); line-height: 1.6;}.error-hint{font-size: var(--sh-font-size-sm); color: var(--sh-color-grey-600); font-style: italic;}.company-name{margin-top: var(--sh-space-4); font-size: var(--sh-font-size-sm); color: var(--sh-color-grey-500); font-weight: var(--sh-font-weight-500);}@media (max-width: 768px){.survey-header{padding: var(--sh-space-4) var(--sh-space-3);}.survey-header__title{font-size: var(--sh-font-size-1xl);}.survey-page{padding: var(--sh-space-4) var(--sh-space-3);}.survey-page__title{font-size: var(--sh-font-size-xl);}.question-renderer{padding: var(--sh-space-4);}.question-renderer__label{font-size: var(--sh-font-size-md);}.survey-navigation{flex-wrap: wrap; gap: var(--sh-space-2);}.error-card{padding: var(--sh-space-5) var(--sh-space-4);}.error-icon{font-size: 48px;}}@media (min-width: 769px) and (max-width: 1024px){.survey-page{padding: var(--sh-space-5) var(--sh-space-4);}}@media print{.survey-header, .survey-progress, .survey-navigation{display: none;}.survey-page{padding: 0; max-width: 100%;}.question-renderer{page-break-inside: avoid; box-shadow: none; border: 1px solid var(--sh-color-grey-300);}}