@media (max-width:1200px){.employee-overview-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-overview-main-grid,.employee-overview-secondary-grid,.manager-overview-kpi-grid,.manager-overview-grid,.my-team-summary-grid{grid-template-columns:1fr}}@media (max-width:1100px){.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{z-index:70;overscroll-behavior:contain;width:min(320px,84vw);height:100dvh;min-height:100dvh;box-shadow:none;border-right:1px solid color-mix(in srgb, var(--sidenav-border) 85%, transparent);border-radius:0 20px 20px 0;padding:12px 12px 14px;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-102%)}.sidebar.is-open{transform:translate(0)}.mobile-sidebar-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;border:0;display:block;position:fixed;inset:0}.mobile-sidebar-toggle{width:30px;min-width:30px;height:30px;box-shadow:none;color:var(--text);background:0 0;border:0;border-radius:0;padding:0;display:inline-flex}.sidebar-mobile-header{justify-content:flex-end;margin-bottom:6px;display:flex}.sidebar-mobile-close{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--panel) 90%, transparent);width:40px;height:40px;color:var(--text);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.sidebar>div:first-child{gap:12px;display:grid}.sidebar-main{flex:auto;min-height:0;overflow:hidden}.director-pie-layout{grid-template-columns:1fr}.director-distribution-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-block{margin-bottom:0}.brand-mark--image{width:56px;height:56px}.brand-name{font-size:.98rem}.brand-tag{font-size:.68rem}.nav-list{scrollbar-width:thin;flex:none;grid-template-columns:1fr;align-content:start;gap:6px;margin-top:8px;padding-right:6px;overflow-y:auto}.nav-list:after{display:none}.nav-item{min-height:48px;padding:9px 11px}.nav-dropdown-menu{margin-left:10px;padding-left:10px}.nav-dropdown-item{min-height:42px;padding:8px 10px}.sidebar-footer{flex:none;margin-top:10px;padding:10px}.sidebar-footer .avatar{border-radius:10px;width:40px;height:40px}.sidebar-footer .profile-name{font-size:.9rem}.sidebar-footer .profile-meta{font-size:.66rem}.content-grid--two,.content-grid--two-third,.stats-grid--two,.stats-grid--three,.stats-grid--four,.leave-page-layout,.leave-balance-grid,.employee-attendance-kpis,.hero-banner,.attendance-filters,.attendance-summary-grid,.employee-reporting-grid,.petty-cash-hero,.petty-cash-metrics,.petty-cash-sheet-hero,.petty-cash-sheet-summary,.employee-document-form,.employee-upload-row,.employee-upload-controls,.hr-payslip-form,.expense-summary-grid,.expense-form-grid,.expense-controls,.admin-approval-summary-grid,.admin-approvals-filter-grid,.admin-employee-grid,.admin-card-grid,.admin-directory-tools,.admin-record-grid,.admin-approval-actions,.hr-payroll-panel-form{grid-template-columns:1fr}body[data-layout-role=admin] .app-shell,body[data-layout-role=hr] .app-shell,body[data-layout-role=director] .app-shell,body[data-layout-role=manager] .app-shell,body[data-layout-role=employee] .app-shell{height:auto;min-height:100vh;overflow:visible}body[data-layout-role=admin] .content-area,body[data-layout-role=hr] .content-area,body[data-layout-role=director] .content-area,body[data-layout-role=manager] .content-area,body[data-layout-role=employee] .content-area{height:auto;min-height:0;overflow:visible}.leave-proof-row{grid-template-columns:1fr}.admin-approval-actions{flex-wrap:wrap}.employee-upload-controls--single,.employee-upload-controls--double{grid-template-columns:1fr}.employee-upload-controls .primary-button{width:100%;min-width:0}body[data-layout-role=hr] .hr-dashboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-layout-role=hr] .hr-dashboard-tab{min-height:66px;padding:12px 14px}body[data-layout-role=hr] .hr-dashboard-tab-body{padding:18px}body[data-layout-role=hr] .hr-dashboard-card-head{flex-direction:column;align-items:flex-start}.manager-request-detail{grid-template-columns:1fr}.manager-approvals-hero,.manager-approvals-tools,.manager-approvals-filter-row,.manager-request-detail-panel-grid,.manager-request-document-card{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.manager-approvals-tools{min-width:0}.manager-approvals-actions{grid-template-columns:1fr}body,.content-area{overflow:auto}}@media (max-width:980px){.employee-attendance-head,.employee-attendance-month-controls{flex-direction:column;align-items:stretch}.employee-attendance-board{grid-template-columns:1fr}.employee-attendance-calendar{overflow-x:auto}.employee-attendance-weekdays,.employee-attendance-calendar-grid{min-width:640px}}@media (max-width:700px){.login-layout{grid-template-columns:1fr;height:auto}.login-shell{padding-bottom:24px;overflow-y:auto}.login-hero{grid-template-rows:auto auto;min-height:420px;padding:24px}.login-hero-card{border-radius:24px;grid-row:auto;gap:18px;min-height:240px;margin-top:18px;padding:22px}.login-hero-logo{width:104px}.login-hero-copy{grid-row:auto}.login-hero-brand-name{font-size:2rem}.login-hero-title{font-size:2.7rem}.login-hero-description{font-size:1rem}.login-panel{height:auto;min-height:auto;padding:24px 20px 28px}.login-theme-button--floating{top:18px;right:18px}.login-auth-header{margin-top:58px;padding-top:12px}.login-auth-header h1{font-size:2.4rem}.login-auth-header p{font-size:1rem}.login-mode-switcher{gap:10px}.login-mode-switcher .secondary-button{min-height:56px;font-size:.98rem}.login-shell{padding:0}.login-panel{border-radius:0;max-height:none}.otp-grid{gap:6px}.field .otp-input{flex-basis:36px;width:36px;height:42px}.phone-input-group{gap:8px}.phone-country-code{flex-basis:92px;width:92px}.content-area{padding:0 18px 18px}.list-card,.panel-header{flex-direction:column}.app-shell-header{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.topbar{background:var(--bg);border-bottom-color:var(--border)}.app-shell-brand{display:none}.app-shell-brand-text{letter-spacing:-.01em;color:var(--text);font-size:1rem;font-weight:800;display:block}.topbar-logo{display:none}.app-shell-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;width:auto}.date-pill,.theme-toggle{box-shadow:none;color:var(--text);background:0 0;border:0;flex:none;padding:0}.app-shell-actions .theme-toggle{justify-content:center;gap:0;width:42px;min-width:42px;padding:0}.app-shell-actions .theme-toggle span{display:none}.date-pill{white-space:nowrap}.date-pill svg,.theme-toggle svg,.mobile-sidebar-toggle svg{color:var(--text)}.nav-list{grid-template-columns:1fr}.segmented-control{width:100%}body[data-layout-role=hr] .hr-dashboard-tabs{grid-template-columns:1fr}body[data-layout-role=hr] .hr-dashboard-tab{min-height:64px;padding:12px 14px}body[data-layout-role=hr] .hr-dashboard-tab span{font-size:.95rem}body[data-layout-role=hr] .hr-dashboard-tab small{font-size:.72rem}body[data-layout-role=hr] .hr-dashboard-page .panel{padding:12px}body[data-layout-role=hr] .hr-dashboard-tab-body{padding:14px}body[data-layout-role=hr] .hr-payroll-actions--hero,body[data-layout-role=hr] .hr-dashboard-list-card{flex-direction:column;align-items:stretch}.sidebar-footer{align-items:flex-start}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid-shell{max-height:none;padding:0 12px 12px;overflow:visible}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid{border-collapse:separate;border-spacing:0 12px;min-width:0;display:block}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid thead{display:none}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid tbody{display:block}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid tr{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:14px;margin:0 0 12px;padding:12px;display:block}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid tr.petty-cash-grid-readonly td{background:0 0}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td{border-bottom:0;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:8px 0;font-size:.72rem;line-height:1.3;display:grid}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:before{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);content:"";font-size:.66rem;font-weight:800}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:first-child:before{content:"#"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:nth-child(2):before{content:"Date"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:nth-child(3):before{content:"Description"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:nth-child(4):before{content:"Category"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:nth-child(5):before{content:"Payment Type"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:nth-child(6):before{content:"Source"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:nth-child(7):before{content:"Amount"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:nth-child(8):before{content:"Receipt"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td:nth-child(9):before{content:"Action"}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td input,body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td select{min-height:38px;font-size:.72rem}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td .file-dropzone--compact{width:100%}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td .file-dropzone-copy--compact,body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td .file-dropzone--compact .file-dropzone-result{justify-content:flex-start}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td .petty-cash-row-actions,body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td .petty-cash-row-actions--stacked{flex-wrap:wrap;justify-content:flex-start;gap:8px}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td .petty-cash-row-actions--stacked .petty-cash-sheet-button,body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-grid td .petty-cash-row-actions .petty-cash-icon-action{min-width:0}body[data-layout-role=admin] .petty-cash-sheet-dashboard .petty-cash-table-footer{gap:10px;padding:0 12px 12px}body[data-layout-role=admin] .user-management-page .admin-table-card{overflow:hidden}body[data-layout-role=admin] .user-management-page .admin-table-card .table-shell{max-height:none;padding:0 12px 14px;overflow:visible}body[data-layout-role=admin] .user-management-page .admin-feature-table{border-collapse:separate;border-spacing:0 12px;min-width:0;display:block}body[data-layout-role=admin] .user-management-page .admin-feature-table thead{display:none}body[data-layout-role=admin] .user-management-page .admin-feature-table tbody{display:block}body[data-layout-role=admin] .user-management-page .admin-feature-table tr{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:14px;margin:0;padding:12px;display:block}body[data-layout-role=admin] .user-management-page .admin-feature-table td{border-bottom:0;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:8px 0;font-size:.72rem;display:grid}body[data-layout-role=admin] .user-management-page .admin-feature-table td:before{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);content:"";font-size:.66rem;font-weight:800}body[data-layout-role=admin] .user-management-page .admin-feature-table td:first-child:before{content:"Name"}body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(2):before{content:"Email"}body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(3):before{content:"Requested Role"}body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(4):before{content:"Status"}body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(5):before{content:"Approve As"}body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(6):before{content:"Actions"}body[data-layout-role=admin] .user-management-page .admin-feature-table td:first-child .approval-employee-cell{gap:2px}body[data-layout-role=admin] .user-management-page .admin-feature-table td:first-child .approval-employee-cell strong,body[data-layout-role=admin] .user-management-page .admin-feature-table td:first-child .approval-employee-cell span,body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(2),body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(3),body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(5) select{font-size:.72rem;line-height:1.25}body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(4) .status-pill{justify-self:start}body[data-layout-role=admin] .user-management-page .admin-feature-table td:nth-child(6) .admin-approval-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}.field-row{flex-direction:column}.table-footer,.pagination{flex-wrap:wrap;align-items:flex-start}.manager-request-detail-panel{padding:18px}.manager-request-detail-panel-actions{justify-content:stretch}.manager-request-detail-panel-actions .secondary-button,.manager-request-detail-panel-actions .primary-button,.manager-filter-toggle{width:100%}.director-distribution-legend{grid-template-columns:1fr}body[data-layout-role=admin] .content-area{padding:0 12px 12px}body[data-layout-role=admin] .employee-directory-page .employee-import-card,body[data-layout-role=admin] .employee-directory-page .admin-employee-detail,body[data-layout-role=admin] .employee-directory-page .admin-employee-form-card,body[data-layout-role=admin] .reports-page .admin-feature-card,body[data-layout-role=admin] .attendance-page--organization .attendance-hero,body[data-layout-role=admin] .attendance-page--organization .attendance-import-card,body[data-layout-role=admin] .policies-page .policy-edit-card{padding:16px 14px}body[data-layout-role=admin] .reports-page .attendance-filters,body[data-layout-role=admin] .attendance-page--organization .attendance-filters,body[data-layout-role=admin] .attendance-page--organization .attendance-import-card .employee-upload-controls--double,body[data-layout-role=admin] .employee-directory-page .employee-import-card .employee-upload-controls--single,body[data-layout-role=admin] .employee-directory-page .admin-employee-form-card .field-row,body[data-layout-role=admin] .employee-directory-page .employee-import-card .employee-upload-controls--double,body[data-layout-role=admin] .reports-page .attendance-filters .field{grid-template-columns:1fr;gap:10px}body[data-layout-role=admin] .reports-page .attendance-filters,body[data-layout-role=admin] .attendance-page--organization .attendance-filters,body[data-layout-role=admin] .employee-directory-page .employee-import-card .employee-upload-controls--single,body[data-layout-role=admin] .employee-directory-page .employee-import-card .employee-upload-controls--double,body[data-layout-role=admin] .attendance-page--organization .attendance-import-card .employee-upload-controls--double,body[data-layout-role=admin] .employee-directory-page .admin-employee-form-card .field-row{align-items:stretch}body[data-layout-role=admin] .reports-page .attendance-filters .export-button,body[data-layout-role=admin] .attendance-page--organization .attendance-filters .export-button,body[data-layout-role=admin] .employee-directory-page .employee-import-card .primary-button,body[data-layout-role=admin] .employee-directory-page .admin-employee-form-card .inline-actions .secondary-button,body[data-layout-role=admin] .employee-directory-page .admin-employee-form-card .inline-actions .primary-button{width:100%;min-width:0}body[data-layout-role=admin] .reports-page .admin-download-list{gap:10px}body[data-layout-role=admin] .reports-page .admin-download-list button{width:100%;min-height:48px;padding:12px 14px}body[data-layout-role=admin] .attendance-page--organization .attendance-summary-grid,body[data-layout-role=admin] .employee-reporting-grid,body[data-layout-role=admin] .admin-approval-summary-grid{grid-template-columns:1fr;gap:12px}body[data-layout-role=admin] .attendance-page--organization{gap:10px}body[data-layout-role=admin] .attendance-page--organization .attendance-page-title-row h2{font-size:1.35rem}body[data-layout-role=admin] .attendance-page--organization .attendance-hero,body[data-layout-role=admin] .attendance-page--organization .attendance-import-card{padding:12px 12px 10px}body[data-layout-role=admin] .attendance-page--organization .attendance-hero .panel-header,body[data-layout-role=admin] .attendance-page--organization .attendance-import-card .panel-header{margin-bottom:10px}body[data-layout-role=admin] .attendance-page--organization .attendance-hero .panel-header h3,body[data-layout-role=admin] .attendance-page--organization .attendance-import-card .panel-header h3{font-size:.98rem}body[data-layout-role=admin] .attendance-page--organization .attendance-filters{gap:8px}body[data-layout-role=admin] .attendance-page--organization .attendance-filters .field{gap:4px}body[data-layout-role=admin] .attendance-page--organization .attendance-filters .field span{font-size:.64rem}body[data-layout-role=admin] .attendance-page--organization .attendance-filters .field input,body[data-layout-role=admin] .attendance-page--organization .attendance-filters .field select,body[data-layout-role=admin] .attendance-page--organization .attendance-filters .export-button{height:34px;min-height:34px;font-size:.72rem}body[data-layout-role=admin] .attendance-page--organization .attendance-filters .field input,body[data-layout-role=admin] .attendance-page--organization .attendance-filters .field select{padding:0 10px}body[data-layout-role=admin] .attendance-page--organization .attendance-filters .export-button{padding-inline:10px}body[data-layout-role=admin] .attendance-page--organization .attendance-summary-grid{gap:8px}body[data-layout-role=admin] .attendance-page--organization .attendance-summary-card{gap:8px;min-height:0;padding:10px 10px 9px}body[data-layout-role=admin] .attendance-page--organization .attendance-summary-card span{font-size:.68rem}body[data-layout-role=admin] .attendance-page--organization .attendance-summary-card strong{font-size:1.05rem}body[data-layout-role=admin] .attendance-page--organization .attendance-summary-card p{font-size:.68rem;line-height:1.25}body[data-layout-role=admin] .attendance-page--organization .attendance-summary-icon{width:34px;height:34px}body[data-layout-role=admin] .attendance-page--organization .attendance-import-card .employee-upload-controls--double{gap:8px}body[data-layout-role=admin] .attendance-page--organization .attendance-import-card .employee-upload-controls .primary-button,body[data-layout-role=admin] .attendance-page--organization .attendance-import-card .employee-upload-controls .secondary-button{height:42px;font-size:.78rem}body[data-layout-role=admin] .policies-page .admin-approval-summary-grid{grid-template-columns:1fr}body[data-layout-role=admin] .policies-page .policies-table-card .table-shell{max-height:none;padding:0 12px 14px;overflow:visible}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table{border-collapse:separate;border-spacing:0 12px;min-width:0;display:block}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table thead{display:none}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table tbody{display:block}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table tr{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:14px;margin:0 0 12px;padding:12px;display:block}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td{overflow-wrap:anywhere;border-bottom:0;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:8px 0;font-size:.72rem;line-height:1.3;display:grid}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:before{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);content:"";font-size:.66rem;font-weight:800}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:first-child:before{content:"Policy"}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(2):before{content:"Scope"}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(3):before{content:"What It Controls"}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(4):before{content:"Status"}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(5):before{content:"Actions"}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:first-child .approval-request-cell,body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(3) .approval-employee-cell{gap:2px}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:first-child .approval-request-cell strong,body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:first-child .approval-request-cell span,body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(2),body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(3) .approval-employee-cell strong,body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(3) .approval-employee-cell span{font-size:.72rem;line-height:1.25}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(4) .status-pill{justify-self:start}body[data-layout-role=admin] .policies-page .policies-table-card .admin-feature-table td:nth-child(5) .admin-approval-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}body[data-layout-role=admin] .attendance-page--organization .attendance-import-card .panel-header h3,body[data-layout-role=admin] .reports-page .admin-feature-card .panel-header h3,body[data-layout-role=admin] .employee-directory-page .employee-import-card .panel-header h3,body[data-layout-role=admin] .policies-page .policy-edit-card h3{font-size:1rem}}@media (max-width:960px){.login-layout{grid-template-columns:1fr;height:auto}.login-hero{display:none}.login-hero-card{grid-row:auto;width:min(100%,560px);margin-top:1.25rem}.login-hero-copy{grid-row:auto}.login-panel{height:auto;min-height:100vh;padding:clamp(4.5rem,12vw,6rem) 20px 28px;overflow:visible}.login-theme-button--floating{top:1.75rem;right:1.75rem}.login-auth-header{margin-top:0}.login-auth-header h1{font-size:var(--fs-h1)}.login-auth-header p{font-size:var(--fs-body-md)}.login-mode-switcher .secondary-button{min-height:42px;font-size:var(--fs-body-md)}}body[data-layout-role=director] .director-dashboard-page{gap:6px}body[data-layout-role=director] .content-area{padding:0 16px 16px}body[data-layout-role=director] .topbar{align-items:center;padding-bottom:10px}body[data-layout-role=director] .topbar-actions{padding-top:0}body[data-layout-role=director] .page-body{gap:12px}body[data-layout-role=director] .director-overview-shell{gap:6px;padding:9px}