.app-shell[data-sidebar-mode]{--tm-sidebar-width:260px}.app-shell[data-sidebar-mode=collapsed]{--tm-sidebar-width:72px}.app-shell[data-sidebar-mode] .sidebar{width:var(--tm-sidebar-width);box-sizing:border-box;z-index:80;background:var(--surface);color:var(--text);border-inline-end:1px solid var(--border);padding:16px 12px;transition:width .2s;transform:none}.app-shell[data-sidebar-mode] .main-panel{min-width:0;margin-inline-start:var(--tm-sidebar-width);margin-inline-end:0;transition:none}.tm-sidebar-controls{flex-shrink:0;align-items:center;height:44px;margin-bottom:12px;display:flex}.app-shell[data-sidebar-mode] .tm-sidebar-toggle,.app-shell[data-sidebar-mode] .tm-drawer-close{width:44px;height:44px;min-height:44px;color:var(--navy);flex-shrink:0;padding:0}.tm-sidebar-toggle svg{transform:rotate(0)}.app-shell[data-sidebar-mode=collapsed] .tm-sidebar-toggle svg,.app-shell[dir=ltr] .tm-sidebar-toggle svg{transform:rotate(180deg)}.app-shell[dir=ltr][data-sidebar-mode=collapsed] .tm-sidebar-toggle svg{transform:rotate(0)}.app-shell[data-sidebar-mode] .tm-drawer-close,.app-shell[data-sidebar-mode] .sidebar-menu,.app-shell[data-sidebar-mode] .scrim{display:none}.app-shell[data-sidebar-mode] .sidebar .brand{gap:10px;min-width:0;margin-bottom:16px}.app-shell[data-sidebar-mode] .sidebar nav{flex:auto;min-width:0;min-height:0;overflow:hidden auto}.app-shell[data-sidebar-mode] .topbar{z-index:40;min-width:0;position:sticky;top:0}.app-shell[data-sidebar-mode] .page-content{box-sizing:border-box;width:100%;min-width:0;padding:32px}.app-shell[data-sidebar-mode] :is(.manager-figure-grid,.manager-extra-kpis,.manager-customer-stats,.metric-grid,.pay-sum,.cc-grid){grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell[data-sidebar-mode] :is(.entry-grid,.calendar-form-grid,.payment-edit-form,.settings-form,.platform-form){grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell[data-sidebar-mode] .page-content :is(.panel,.field,.table-wrap,.manager-customer-design,.manager-customer-layout){min-width:0;max-width:100%}.app-shell[data-sidebar-mode] .sidebar nav a,.app-shell[data-sidebar-mode] .sidebar .ho-co{white-space:normal;gap:10px;width:100%;height:auto;min-height:44px;padding:10px 12px}.app-shell[data-sidebar-mode] .sidebar nav a svg,.app-shell[data-sidebar-mode] .sidebar .ho-co svg{flex-shrink:0}.app-shell[data-sidebar-mode] .sidebar .brand>div{display:flex}.app-shell[data-sidebar-mode] .sidebar .tm-sidebar-label,.app-shell[data-sidebar-mode] .sidebar nav a>span{white-space:normal;word-break:normal;overflow-wrap:break-word;min-width:0;display:block}.app-shell[data-sidebar-mode] .sidebar .workspace-nav-group h2,.app-shell[data-sidebar-mode] .sidebar .ho-grp{display:block}.app-shell[data-sidebar-mode] .sidebar .ws-company{margin:6px 0 8px;display:block}.app-shell[data-sidebar-mode] .sidebar .ws-back{display:flex}.tm-company-initials{width:28px;height:28px;font-family:var(--font-num);background:var(--tint);color:var(--navy);border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;font-size:12px;display:inline-flex!important}.app-shell[data-sidebar-mode] .sidebar .ws-company>button{background:var(--navy);color:var(--surface);box-shadow:none;padding:10px}.app-shell[data-sidebar-mode] .sidebar .ws-company small{color:var(--surface)}.app-shell[data-sidebar-mode] .sidebar nav a.active,.app-shell[data-sidebar-mode] .sidebar nav a.on{background:var(--tint);color:var(--navy)}@media (width>=1280px){.app-shell[data-sidebar-mode=collapsed] .sidebar :is(.brand>div,.tm-sidebar-label,.workspace-nav-group h2,.ho-grp,.ho-chev,.ho-soon,.user-block,.workspace-count),.app-shell[data-sidebar-mode=collapsed] .sidebar nav a>span:not(.tm-company-initials){display:none!important}.app-shell[data-sidebar-mode=collapsed] .sidebar .brand{justify-content:center}.app-shell[data-sidebar-mode=collapsed] .sidebar nav{padding:0}.app-shell[data-sidebar-mode=collapsed] .sidebar nav a,.app-shell[data-sidebar-mode=collapsed] .sidebar .ho-co{justify-content:center;gap:0;height:44px;padding:10px 0}.app-shell[data-sidebar-mode=collapsed] .sidebar .ws-company>button{background:0 0;justify-content:center;padding:8px}.app-shell[data-sidebar-mode=collapsed] .sidebar .ws-menu{inset-inline:72px auto;width:220px;position:fixed;top:140px}.app-shell[data-sidebar-mode] .topbar{display:flex}}@media (width<=1279px){.app-shell[data-sidebar-mode] .sidebar{visibility:hidden;pointer-events:none;width:min(260px,100vw);transition:none;transform:translate(-105%)}.app-shell[data-sidebar-mode][dir=rtl] .sidebar{transform:translate(105%)}.app-shell[data-sidebar-mode][data-drawer-open=true] .sidebar{visibility:visible;pointer-events:auto;transform:none}.app-shell[data-sidebar-mode] .main-panel{margin-inline:0}.app-shell[data-sidebar-mode] .tm-sidebar-toggle{display:none}.app-shell[data-sidebar-mode] .tm-drawer-close,.app-shell[data-sidebar-mode] .sidebar-menu{display:inline-flex}.app-shell[data-sidebar-mode] .topbar{display:flex}.app-shell[data-sidebar-mode][data-drawer-open=true] .scrim{background:var(--manager-overlay);z-index:79;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.app-shell[data-sidebar-mode] .page-content{padding:20px}.app-shell[data-sidebar-mode] :is(.manager-figure-grid,.manager-extra-kpis,.manager-customer-stats,.metric-grid,.pay-sum,.cc-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell[data-sidebar-mode] .topbar{padding-inline:20px}}@media (width<=1023px){.app-shell[data-sidebar-mode] :is(.entry-grid,.calendar-form-grid,.payment-edit-form,.settings-form,.platform-form){grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.app-shell[data-sidebar-mode] .page-content{padding:16px 16px calc(96px + env(safe-area-inset-bottom))}.app-shell[data-sidebar-mode] .topbar{gap:8px;padding-inline:16px}.app-shell[data-sidebar-mode] .top-actions{flex-wrap:wrap;gap:4px;min-width:0}.app-shell[data-sidebar-mode] .sidebar{padding-bottom:16px}.app-shell[data-sidebar-mode] :is(button,[role=button]){min-width:40px;min-height:40px}}@media (prefers-reduced-motion:reduce){.app-shell[data-sidebar-mode] .sidebar{transition:none}}@media (width<=767px){.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table){display:block;width:100%!important;min-width:0!important}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) thead{display:none}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) tbody{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) tbody tr{border:1px solid var(--border);background:var(--surface);border-radius:8px;height:auto;padding:12px;display:grid}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) td{word-break:normal;overflow-wrap:break-word;border:0;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:12px;display:grid;white-space:normal!important;width:auto!important;min-width:0!important;padding:8px 0!important}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) td:before{content:attr(data-label);color:var(--text-3);font-weight:600}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) td[colspan]{border-top:1px solid var(--border);display:block}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) td:has(.row-actions){border-top:1px solid var(--border);display:block}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) td[colspan]:before{display:none}.app-shell[data-sidebar-mode] .page-content .tm-record-table:not(.contract-schedule-table) td:has(.row-actions):before{display:none}.app-shell[data-sidebar-mode] .page-content .tm-record-table .row-actions{flex-flow:wrap;gap:8px;display:flex}}
