: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%}.app-frame__top-bar-area{display:contents}.app-frame__mobile-bar{display:none}.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 .sidebar-toggle-button{background:none;color:#bbb;border:none;padding:0;cursor:pointer;line-height:0;display:flex;align-items:center;justify-content:center;transition:color .2s;font-size:24px}.app-frame__top-bar .sidebar-toggle-button:hover{color:#666}.app-frame__content-wrapper{display:flex;width:100%;height:100%;padding:0;overflow:hidden}.app-frame__sidebar{display:flex;flex-direction:column;height:100%;transition:width .15s ease;overflow:hidden}.app-frame__sidebar.closed{width:0!important;padding:0}.app-frame__main-content{flex:1 1;overflow-y:auto;min-width:0}.app-frame__right-sidebar{display:flex;flex-direction:column;height:100%;transition:width .15s ease;overflow:hidden}.app-frame__right-sidebar.closed{width:0!important;padding:0}@media screen and (max-width:767px){.app-frame__top-bar-area{display:flex;flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,.1);position:relative;z-index:10}.app-frame__top-bar{position:relative;padding:8px 14px}.app-frame__mobile-bar{display:flex;align-items:center;padding:10px 14px;gap:10px}.app-frame__content-wrapper{flex:1 1;min-height:0}}