:root{--color-primary-1000: #314161;--color-primary-100: #EAECEF;--color-accent-1000: #0284FE;--color-body-1000: #EEF1F9;--color-body-700: #F3F5FB;--color-white: #FFFFFF;--color-highlight-1000: #F6F8FB;--color-highlight-100: #FEFEFE;--color-default-1000: #68728C;--color-default-700: #959CAE;--color-default-600: #A4AABA;--color-default-200: #E1E3E8;--color-positive-1000: #4AC380;--color-positive-100: #ECF9F2;--color-positive-dark-1000: #3B9C66;--color-brand-green-800: #063540;--color-brand-orange-500: #FE592A;--color-border-primary: #E5EAF1;--color-border-secondary: #DBE3EA;--color-border-tertiary: #BFCAD4;--color-border-quaternary: #D9DDE4;--shadow-sm: 0px 5px 5px -4px rgba(49, 65, 97, .08);--shadow-md: 0px 4px 16px -2px rgba(49, 65, 97, .15);--radius-default: 4px;--radius-card: 6px;--radius-pill: 30px;--radius-circle: 1000px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-40: 40px;--font-family: Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:0;background:var(--color-body-1000);color:var(--color-primary-1000);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-bar{background:var(--color-brand-green-800, #063540);padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.nav-bar__brand{display:flex;align-items:center;gap:8px}.nav-bar__icon{flex-shrink:0}.nav-bar__logo{color:var(--color-white, #FFFFFF);font-size:20px;font-weight:700;font-family:Arial,sans-serif;text-decoration:none;letter-spacing:.5px}.nav-bar__links{display:flex;align-items:center;gap:4px}.nav-bar__link{color:#ffffffb3;text-decoration:none;font-size:14px;font-weight:500;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s}.nav-bar__link:hover{color:#fff;background:#ffffff1a}.nav-bar__link--active{color:#fff;background:#ffffff26}.nav-bar__avatar{width:36px;height:36px;border-radius:var(--radius-circle, 1000px);background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-bar__menu-wrap{position:relative;display:flex;align-items:center}.nav-bar__avatar-btn{display:inline-flex;align-items:center;padding:0;border:none;background:transparent;cursor:pointer}.nav-bar__caret{display:inline-flex;color:#fff3}.nav-bar__avatar--clickable{border:none;padding:0;cursor:pointer;transition:background .15s}.nav-bar__avatar-btn:hover .nav-bar__avatar--clickable{background:#ffffff59}.nav-bar__avatar-btn:hover .nav-bar__caret{color:#ffffff59}@media(max-width:768px){.nav-bar{padding:12px 16px;flex-wrap:wrap}.nav-bar__logo{font-size:18px}.nav-bar__avatar{width:32px;height:32px}.nav-bar__links{order:3;flex:1 0 100%;justify-content:flex-start;gap:2px;margin-top:8px;overflow-x:auto}.nav-bar__link{font-size:13px;padding:5px 8px}}.drop-down-wrapper{position:absolute;padding:0;background-color:#fff;top:40px;right:0;z-index:20;border:1px solid #E5EAF1;border-radius:4px;box-shadow:0 8px 24px #0635402e}.logout-button{display:flex;justify-content:center;align-items:center;gap:6px;height:32px;padding:10px 14px;margin:8px 14px;font-weight:700;font-size:13px;line-height:18px;background-color:#0284fe1a;color:#0284fe;border-radius:4px;border:none;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.logout-button__icon{display:inline-flex}.logout-button:hover{background-color:#0284fe;color:#fff}.step-progress{display:flex;flex-direction:column;gap:0;position:absolute;left:26px;top:40px}.step-progress__step{display:flex;align-items:center;gap:8px}.step-progress__circle{width:17px;height:17px;border-radius:var(--radius-circle, 1000px);border:1px solid var(--color-border-tertiary, #BFCAD4);background:transparent;flex-shrink:0}.step-progress__circle--active{border-width:2px;border-color:var(--color-accent-1000, #0284FE)}.step-progress__circle--completed{border-color:var(--color-positive-1000, #4AC380);background:var(--color-positive-1000, #4AC380);display:flex;align-items:center;justify-content:center}.step-progress__checkmark{flex-shrink:0}.step-progress__label{font-size:13px;line-height:1em;font-weight:400;color:var(--color-default-1000, #68728C);opacity:.6;white-space:nowrap}.step-progress__label--active,.step-progress__label--completed{color:var(--color-primary-1000, #314161);opacity:1}.step-progress__line{width:1px;height:18px;background:var(--color-border-tertiary, #BFCAD4);margin-left:8px;flex-shrink:0}@media(max-width:1024px){.step-progress{position:static;flex-direction:row;align-items:center;justify-content:center;padding:20px 12px;background:var(--color-white, #FFFFFF);border-bottom:1px solid var(--color-border-primary, #E5EAF1)}.step-progress__line{width:24px;height:1px;margin:0 8px}.step-progress__label{font-size:12px}}@media(max-width:768px){.step-progress{padding:16px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.step-progress__label{display:none}.step-progress__line{width:20px;margin:0 6px}}.app{min-height:100vh;display:flex;flex-direction:column}.app__body{flex:1;position:relative}.app__body--with-sidebar{display:flex}.app__body--with-sidebar .step-progress{position:static;flex-shrink:0;padding:40px 0 40px 26px;width:170px;box-sizing:border-box}.app__body--with-sidebar .app__content--wide{flex:1;min-width:0}.app__content{max-width:650px;margin:0 auto;padding:40px 24px}.app__content--wide{max-width:none;padding:0}@media(max-width:1024px){.app__content{padding:0 24px 40px}}@media(max-width:768px){.app__content{max-width:100%;padding:0 12px 40px}}