:root{--sidebar-width:240px;--modal-padding:20px;--app-bg:#e7e6e3;--primary-blue:#0087ff;--primary-blue-half:rgba(0,135,255,0.5);--primary-blue-darker:#005cad;--jobber-green:#32821c;--jobber-green-darker:#2c7319;--dark-gray:#333333;--darker-gray:#222222;--medium-dark-gray:#5e5c5c;--medium-gray:#989797;--gray:#bdbdbd;--light-gray:#d8d8d8;--extra-light-gray:#efefef;--person-blue:#63A2FC;--person-brown:#A87360;--person-green:#2BAA2E;--person-orange:#FF7F00;--person-pink:#E141D9;--person-purple:#9D4DF2;--person-red:#FB3A25;--text-default:#333333;--active-block-zindex:1000;--menu-zindex:5000;--modal-zindex:10000;--box-shadow:0 0 8px 0 rgba(0,0,0,0.4);--soft-bounce-easing:linear(0,0.351 9%,0.626 18.3%,0.832 28.1%,0.909 33.2%,0.971 38.5%,1.013 43.3%,1.043 48.4%,1.062 53.8%,1.07 59.5%,1.063 68.8%,1.011 90.3%,1)}.app-frame{display:flex;flex-direction:column;width:100%;height:100%;background:#e7e6e3}.app-frame__top-bar{display:grid;grid-template-columns:1fr auto 1fr;width:100%;align-items:center;padding:12px 14px}.app-frame__top-bar-left,.app-frame__top-bar-middle,.app-frame__top-bar-right{display:flex;gap:10px;align-items:center}.app-frame__top-bar-left{justify-content:flex-start}.app-frame__top-bar-middle{justify-content:center;grid-column:2}.app-frame__top-bar-right{justify-content:flex-end}.app-frame__top-bar button{background:none;color:#5e5c5c;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;font-size:32px;line-height:0;height:auto}.app-frame__top-bar button.active,.app-frame__top-bar button:hover{color:#0087ff}.app-frame__top-bar button.sidebar-toggle{transition:color .2s}.app-frame__top-bar button.sidebar-toggle:hover{color:#333}.app-frame__top-bar button.sidebar-toggle{margin-right:10px}.app-frame__top-bar button.sync-with-jobber{width:141px;height:18px;margin-left:auto}.app-frame__top-bar button.sync-with-jobber:hover{color:#32821c}.app-frame__content-wrapper{display:flex;width:100%;height:100%;padding:0;overflow:hidden}.app-frame__sidebar{display:flex;flex-direction:column;height:100%;padding-bottom:12px;width:240px;transition:all .15s ease}.app-frame__sidebar.closed{width:0;overflow:hidden;padding:0}.app-frame__main-content{flex:1 1;overflow-y:auto}@media screen and (max-width:767px){.app-frame__top-bar{order:2;box-shadow:0 -4px 10px rgba(0,0,0,.2);position:relative}.app-frame__content-wrapper{order:1}}