:root{--primary-500: #5CA9DD;--primary-600: var(--primary-500);--critical: #EC5E48;--color-preloader: #004278;--mainColor: var(--primary-500);--ctaColor: var(--critical);--preloader-color: var(--color-preloader);--orion-red: #FD0018;--orion-green: #7EB52D;--orion-orange: #FD9B22;--orion-yellow: #FDD919;--orion-refresh-blue: #56A1D7;--orionRed: var(--orion-red);--orionGreen: var(--orion-green);--orionOrange: var(--orion-orange);--orionYellow: var(--orion-yellow);--orionRefreshBlue: var(--orion-refresh-blue);--color-blue-bg-opaque-white: #F2F7FB;--color-blue-bg-opaque: #E7F1F8;--color-blue-bg-light: #E1ECF4;--color-blue-bg-lighter: #F7FAFC;--color-blue-bg-medium: #D6EAF7;--color-blue-bg: #94BBD5;--color-blue-bg-darker: #83B0CE;--color-blue-bg-dark: #5E98BF;--color-blue-light: #A7D0ED;--color-blue-active: #338AC5;--color-blue-active-darker: #2C76A8;--color-blue-dark: #24618A;--color-blue-back-light: #F2F6F9;--backgroundBlueOpaqueWhite: var(--color-blue-bg-opaque-white);--backgroundBlueOpaque: var(--color-blue-bg-opaque);--backgroundBlueLight: var(--color-blue-bg-light);--backgroundBlueLighter: var(--color-blue-bg-lighter);--backgroundBlueMedium: var(--color-blue-bg-medium);--backgroundBlue: var(--color-blue-bg);--backgroundBlueDarker: var(--color-blue-bg-darker);--backgroundBlueDark: var(--color-blue-bg-dark);--lightBlue: var(--color-blue-light);--mediumBlueActive: var(--color-blue-active);--mediumBlueActiveDarker: var(--color-blue-active-darker);--darkBlue: var(--color-blue-dark);--newBackBlueLight: var(--color-blue-back-light);--color-cta-light: #F6B7AD;--color-cta-dark: #BD5545;--color-cta-bg-light: #F9E9E7;--color-cta-active-darker: #BD4735;--color-cta-active-dark: #963C2E;--color-cta-shadow-dark: #8C382B;--ctaLight: var(--color-cta-light);--ctaDark: var(--color-cta-dark);--ctaBackgroundLight: var(--color-cta-bg-light);--ctaActiveDarker: var(--color-cta-active-darker);--ctaActiveDark: var(--color-cta-active-dark);--ctaShadowDark: var(--color-cta-shadow-dark);--blue-active: #ADDEFF;--blue-medium: #C7E8FF;--blue-inactive: #D7EFFF;--color-alert: #F73B3B;--color-alert-light: #FFBFBF;--color-warning: #EF7700;--color-success: #31A537;--color-success-trip: #498F00;--color-info: var(--primary-500);--alert: var(--color-alert);--red-light: var(--color-alert-light);--warning: var(--color-warning);--intervalBarGreen: var(--color-success);--tripGreen: var(--color-success-trip);--breaksErrorRed: var(--color-alert);--workingStatusColor: #EEBD29;--emergencyStatusColor: #979797;--restingStatusColor: var(--primary-500);--isUpcomingBreakColor: #F77700;--rating-a: #46850B;--rating-b: #97BC3F;--rating-c: #EEBD29;--rating-d: #EF7700;--rating-e: #D42F2F;--rating-f: #880E16;--letterA: var(--rating-a);--letterB: var(--rating-b);--letterC: var(--rating-c);--letterD: var(--rating-d);--letterE: var(--rating-e);--letterF: var(--rating-f);--gold: #ECBC25;--silver: #9F9DAA;--bronze: #BF796A;--warm-1: #F6F6F6;--warm-2: #EDEDED;--warm-3: #DADADA;--backgroundLightGrey: var(--warm-1);--greyBarColor: var(--warm-2);--cold-2: #E6ECEF;--cold-3: #ABB4C2;--textLight: var(--cold-3);--dark-1: #524A48;--dark-2: #4C4C4C;--dark-3: #8F8F8F;--dark-4: #979797;--textMedium: var(--dark-3);--darkGreyBreaksColor: var(--dark-2);--icon-default: var(--dark-3);--intervalMediumGreyColor: var(--dark-4);--checkboxColor: var(--dark-4);--color-white: #FFFFFF;--almost-white: #F5F5F5;--backgroundLighterGrey: #FAFAFA;--lightGrey: #EAEAEA;--lighterGrey: var(--lightGrey);--white: #DDDDDD;--mediumGrey: #ACACAC;--textGrey: #555459;--disabledGrey: #CBCED0;--darkGrey: #585858;--intervalBarGrey: var(--darkGrey);--headerColor: #858383;--backgroundLightGreyBlue: #F3F4F5;--lightGreyBarColor: #C4C4C4;--unselected-text: #7A7A7A;--grey: #99999B;--grey-inactive: #D6D5D5;--pureBlack: #000000;--clearWhite: var(--color-white);--facebook: #4267B2;--font-stack-short: "Segoe UI", Arial;--font-stack-long: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-stack: var(--font-stack-long);--font-size-tiny: 10px;--font-size-small: 12px;--font-size-body: 14px;--font-size-nav: 17px;--font-size-modal-title: 18px;--font-weight-normal: 400;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-none: 0;--radius-input: 3px;--radius-form-element: 4px;--radius-circle: 50%;--border-width: 1px;--border-width-active: 2px;--control-height-sm: 28px;--control-height-md: 36px;--control-height-lg: 38px;--control-height-input: 35px;--shadow-header: 0 4px 10px rgba(183, 186, 187, .2);--shadow-floating-button: 0 1px 4px rgba(0, 0, 0, .3);--shadow-medium-grey: 0 2px 6px #ACACAC}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-stack);font-size:var(--font-size-body);background:var(--color-blue-bg-opaque-white);color:var(--textGrey);line-height:1.5;min-height:100vh}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-5)}.card{background:var(--color-white);border:var(--border-width) solid var(--lightGrey);border-radius:var(--radius-none);padding:var(--space-6);width:100%;max-width:420px}.card__title{font-size:var(--font-size-modal-title);font-weight:var(--font-weight-bold);color:var(--darkGrey);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.card__period{font-size:var(--font-size-body);color:var(--textMedium);margin-bottom:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--control-height-lg);padding:0 var(--space-4);border:none;border-radius:var(--radius-input);font-family:var(--font-stack-short);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color .15s ease}.btn:disabled{background:var(--disabledGrey);color:var(--color-white);cursor:not-allowed}.btn--cta{background:var(--ctaColor);color:var(--color-white)}.btn--cta:not(:disabled):hover{background:var(--ctaActiveDarker)}.btn--secondary{background:var(--warm-2);color:var(--textGrey);font-size:var(--font-size-small);min-height:var(--control-height-md)}.btn--secondary:hover{background:var(--warm-3)}.btn+.btn{margin-top:var(--space-3)}.progress{margin-top:var(--space-3)}.progress__head{display:flex;justify-content:space-between;font-size:var(--font-size-body);margin-bottom:var(--space-2)}.progress__pct{color:var(--mainColor);font-weight:var(--font-weight-bold)}.progress__track{width:100%;height:8px;background:var(--warm-2);overflow:hidden}.progress__bar{height:100%;background:var(--mainColor);transition:width .3s ease}.progress__hint{font-size:var(--font-size-small);color:var(--textMedium);text-align:center;margin-top:var(--space-2)}.notice{padding:var(--space-3);font-size:var(--font-size-body);text-align:center;margin-bottom:var(--space-3)}.notice--success{background:#eaf5e1;color:var(--color-success-trip)}.notice--error{background:var(--color-alert-light);color:var(--color-alert)}.notice--info{background:var(--color-blue-bg-opaque);color:var(--color-blue-dark)}.spinner{width:18px;height:18px;border:2px solid var(--lightBlue);border-top-color:var(--mainColor);border-radius:var(--radius-circle);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waiting{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--textMedium);font-size:var(--font-size-body)}