: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:rgb(50,130,28);--jobber-green-darker:#2c7319;--dark-gray:#333333;--darker-gray:#222222;--medium-dark-gray:#6D6969;--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;--elevation-modal:10000;--box-shadow:0 0 8px 0 rgba(0,0,0,0.4)}.app-frame{display:flex;flex-direction:column;width:100%;height:100%}.app-frame .top-bar{display:grid;grid-template-columns:auto 1fr auto;width:100%;align-items:center;padding:4px 12px 0;grid-gap:12px;gap:12px}.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:stretch;grid-column:2;flex:1 1}.app-frame .top-bar__right{justify-content:flex-end}.app-frame .content-wrapper{display:flex;width:100%;height:100%;padding:0;overflow:hidden}.app-frame .content-wrapper .sidebar{display:flex;flex-direction:column;height:100%;padding-bottom:12px;width:240px;transition:width .15s ease}.app-frame .content-wrapper .sidebar.closed{width:0;overflow:hidden;padding:0}.app-frame .content-wrapper .main-content{flex:1 1;overflow-y:auto}@media screen and (max-width:767px){.app-frame{position:fixed;top:0;left:0;right:0;bottom:0;height:100dvh;overflow:hidden}.app-frame .top-bar{order:2;box-shadow:0 -4px 10px rgba(0,0,0,.2);position:relative;padding:14px 8px 14px 14px;flex-shrink:0}.app-frame .content-wrapper{order:1;flex:1 1;min-height:0}}@media(display-mode:standalone)and (max-width:767px){.app-frame .top-bar{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}