:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-secondary: #10b981;--color-secondary-hover: #059669;--color-accent: #8b5cf6;--color-accent-hover: #7c3aed;--color-success: #10b981;--color-danger: #dc2626;--color-warning: #f59e0b;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--bg-tertiary: #f9fafb;--bg-hover: #f3f4f6;--border-color: #e5e7eb;--border-color-light: #f3f4f6;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-faint: #9ca3af}html.dark{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--bg-hover: #374151;--border-color: #374151;--border-color-light: #4b5563;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--text-faint: #6b7280}html.dark body{background:var(--bg-secondary);color:var(--text-primary)}html.dark input,html.dark textarea,html.dark select{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-faint)}html.dark input:focus,html.dark textarea:focus,html.dark select:focus{border-color:var(--color-primary);outline:none}*{box-sizing:border-box;margin:0;padding:0}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:-webkit-fill-available}html.dark .responsive-table tr,html.dark .admin-users-table tr{background:var(--bg-primary)!important;border-color:var(--border-color)!important}html.dark .responsive-table td:before,html.dark .admin-users-table td:before{color:var(--text-faint)!important}@media(max-width:768px){.mobile-menu-button{display:flex!important;align-items:center;justify-content:center}.mobile-overlay{display:block!important}.sidebar{transform:translate(-100%);height:-webkit-fill-available!important;height:100dvh!important;max-height:-webkit-fill-available!important;max-height:100dvh!important;overflow-y:auto!important}.sidebar.open{transform:translate(0)!important}.sidebar{padding-bottom:env(safe-area-inset-bottom,0)}.sidebar>div:first-child{padding-left:56px!important;padding-top:16px!important;padding-bottom:16px!important}.sidebar nav{padding:12px!important}.sidebar nav button{padding:10px 14px!important;margin-bottom:2px!important}.sidebar>div:last-child{padding:12px!important}main{margin-left:0!important;padding-top:60px!important}main>div{padding:8px 16px 16px!important}.responsive-table thead{display:none}.responsive-table tbody{display:flex;flex-direction:column;gap:12px;padding:12px}.responsive-table tr{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb!important;border-radius:12px;padding:16px;gap:12px;box-shadow:0 1px 3px #0000000d}.responsive-table td{display:flex;justify-content:space-between;align-items:center;padding:0!important;border:none!important}.responsive-table td:before{content:attr(data-label);font-weight:500;font-size:13px;color:#6b7280;min-width:90px}.responsive-table td[data-label=Name]{border-bottom:1px solid #f3f4f6!important;padding-bottom:12px!important;margin-bottom:4px}.responsive-table td[data-label=Name]:before{display:none}.responsive-table td[data-label=Name]>div{width:100%}.responsive-table td[data-label=Role]{border-top:1px solid #f3f4f6!important;padding-top:12px!important;margin-top:4px}.responsive-table td[data-label=Role]:before{display:none}.responsive-table td[data-label=Role]>span{width:100%;text-align:center;padding:8px 12px!important}.responsive-table td[data-label=Email],.responsive-table td[data-label=Manager]{display:none}.stats-grid{grid-template-columns:1fr!important}.page-header-with-action{flex-direction:column!important;align-items:stretch!important}.page-header-with-action h1{font-size:24px!important}.create-cycle-btn{width:100%;justify-content:center}.review-cycle-card{padding:16px!important}.review-cycle-card-header{flex-direction:column!important;align-items:stretch!important}.review-cycle-card-title{flex-wrap:wrap!important;gap:8px!important}.review-cycle-card-title h3{width:100%;font-size:16px!important}.assign-reviews-btn{width:100%;justify-content:center;margin-top:12px}.modal-content{margin:0!important;border-radius:12px!important}.modal-content h2{font-size:20px!important}.modal-actions{flex-direction:column-reverse!important}.modal-actions button{width:100%;justify-content:center}.modal-selection-info{flex-direction:column!important;align-items:stretch!important}.modal-selection-info button{width:100%;justify-content:center}.admin-tabs-container{margin-bottom:20px!important;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.admin-tabs-container::-webkit-scrollbar{display:none}.admin-action-bar{gap:8px!important}.admin-action-bar>button{flex:1;min-width:0;justify-content:center}.admin-action-bar>button span{display:none}.admin-filters{flex-direction:column!important}.admin-filters>div,.admin-filters>select{width:100%!important;min-width:0!important}.admin-departments-grid{grid-template-columns:1fr!important}.admin-users-table thead{display:none}.admin-users-table tbody{display:flex;flex-direction:column;gap:12px;padding:12px}.admin-users-table tr{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb!important;border-radius:12px;padding:16px;gap:12px;position:relative}.admin-users-table td{display:flex;justify-content:space-between;align-items:center;padding:0!important;border:none!important}.admin-users-table td:before{content:attr(data-label);font-weight:500;font-size:13px;color:#6b7280;min-width:80px}.admin-users-table td[data-label=User]{border-bottom:1px solid #f3f4f6!important;padding-bottom:12px!important}.admin-users-table td[data-label=User]:before{display:none}.admin-users-table td[data-label=User]>div{width:100%}.admin-users-table .checkbox-cell{position:absolute;top:16px;right:16px;padding:0!important}.admin-users-table .checkbox-cell:before{display:none}.admin-users-table .actions-cell{border-top:1px solid #f3f4f6!important;padding-top:12px!important;justify-content:flex-end!important}.admin-users-table .actions-cell:before{display:none}.admin-users-table td[data-label=Title]{display:none}.reviews-tabs{gap:8px!important}.reviews-tabs button{padding:10px 14px!important;font-size:13px!important}.review-card{padding:16px!important}.review-card-header{flex-direction:column!important;align-items:stretch!important}.review-card-header>span{align-self:flex-start}.review-card h3{font-size:16px!important}.review-card button{width:100%;justify-content:center}.hr-admin-banner{flex-direction:column!important;align-items:stretch!important;text-align:center}.hr-admin-banner button{width:100%;justify-content:center;margin-top:8px}.review-detail-page,.review-detail-modal{border-radius:8px!important}.review-detail-header{padding:16px!important;flex-direction:column!important;align-items:flex-start!important}.review-detail-header h2{font-size:20px!important}.review-detail-page>div:last-child,.review-detail-modal>div:last-child{padding:16px!important}.performance-summary-grid{grid-template-columns:1fr!important}.one-on-one-actions{width:100%}.one-on-one-actions button{flex:1;justify-content:center;padding:10px 12px!important;font-size:13px!important}.one-on-one-actions button svg{display:none}.calendar-connect-banner{flex-direction:column!important;align-items:stretch!important;text-align:center}.calendar-connect-banner>div{justify-content:center}.calendar-connect-banner button{width:100%}.one-on-one-tabs button{padding:10px 16px!important;font-size:13px!important}.one-on-one-card{padding:16px!important}.one-on-one-card-header{flex-direction:column!important}.one-on-one-card-header>div:last-child{align-self:flex-start}.one-on-one-card h3{font-size:16px!important}}@media(min-width:769px){.sidebar{transform:none!important}}