:root{background-color:transparent!important;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}body{margin:0;padding:0;background-color:var(--color-bg)!important;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease}#root{background-color:transparent!important;min-height:100dvh}.glass-surface{background:linear-gradient(180deg,#ffffff2e,#ffffff14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}@media (prefers-color-scheme: dark){.glass-surface{background:linear-gradient(180deg,#0f172a73,#0f172a52);border:1px solid rgba(148,163,184,.2)}}button,[role=button],input[type=button],input[type=submit],a.btn{min-height:44px;min-width:44px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#14b8a633;border-radius:10px}.app-bg-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;overflow:hidden;pointer-events:none;background:linear-gradient(-35deg,var(--bg-gradient-1),var(--bg-gradient-2),var(--bg-gradient-3),var(--bg-gradient-4),var(--bg-gradient-5),var(--bg-gradient-1));background-size:420% 420%;animation:gradient-move 18s ease-in-out infinite;transition:background .5s ease;transform:translateZ(0)}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-mist{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,#ffffff59,#fff0 38%),radial-gradient(circle at 84% 82%,#ffffff4d,#fff0 42%);mix-blend-mode:screen}.bg-arc{position:absolute;left:50%;transform:translate(-50%);border-radius:50%;pointer-events:none;z-index:1}.bg-arc-1{width:1250px;height:660px;bottom:-340px;border:1px solid rgba(255,255,255,.34)}.bg-arc-2{width:980px;height:540px;bottom:-290px;border:1px solid rgba(255,255,255,.26)}.blob{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);opacity:var(--bg-blob-opacity);will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;mix-blend-mode:overlay}.blob-1{background:radial-gradient(circle,var(--bg-blob-1) 0%,transparent 70%);top:-20%;left:-20%;animation:simple-float 25s infinite alternate ease-in-out}.blob-2{background:radial-gradient(circle,var(--bg-blob-2) 0%,transparent 70%);bottom:-20%;right:-20%;animation:simple-float 30s infinite alternate-reverse ease-in-out}.blob-3{background:radial-gradient(circle,var(--bg-blob-3) 0%,transparent 60%);top:40%;left:20%;width:40vmax;height:40vmax;animation:simple-float 35s infinite alternate ease-in-out;opacity:calc(var(--bg-blob-opacity) * .5)}.blob-4{background:radial-gradient(circle,rgba(200,168,254,.22) 0%,transparent 65%);top:-18%;right:-14%;width:42vmax;height:42vmax;animation:simple-float 28s infinite alternate-reverse ease-in-out;opacity:calc(var(--bg-blob-opacity) * .55)}@media (prefers-color-scheme: dark){.bg-mist{background:radial-gradient(circle at 15% 22%,#5c8cd138,#5c8cd100 42%),radial-gradient(circle at 80% 80%,#8bade533,#8bade500 48%)}}@keyframes simple-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(5vw,5vh,0) scale(1.05)}}@keyframes progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scale-in{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}@keyframes screen-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-down{0%{transform:translate(-50%,-15px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{text-size-adjust:100%;-webkit-text-size-adjust:100%}img,video,canvas,svg{max-width:100%;height:auto}button,input,select,textarea{max-width:100%}pre,code{white-space:pre-wrap;word-break:break-word}.app-container,.app-main,.app-shell{min-width:0}.responsive-scroll-x{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.mobile-data-table{width:100%;border-collapse:collapse}.mobile-data-table th,.mobile-data-table td{word-break:break-word}.calendar-screen,.plan-review-screen,.worker-detail-screen,.company-overview-screen,.task-return-screen,.supabase-import-screen,.profile-settings-screen{min-width:0}.calendar-main-column,.calendar-main-column>div,.calendar-weekly-sidebar,.worker-detail-layout>*,.company-overview-detail-layout>*,.task-return-screen>*{min-width:0}@media (max-width: 768px){.switch-role-screen{padding:.75rem!important}.switch-role-layout{min-height:auto!important;grid-template-columns:1fr!important}.switch-role-sidebar,.switch-role-content{border-radius:1.35rem!important;padding:1rem!important}.switch-role-topbar{align-items:flex-start!important}.switch-role-grid{grid-template-columns:1fr!important;gap:.85rem!important}.switch-role-card{min-height:auto!important;padding:1rem!important;border-radius:1.25rem!important}.app-main{padding:.75rem .75rem 7rem!important}.app-shell{padding:.85rem!important;border-radius:1.1rem!important}.app-header{padding:.5rem .75rem 0!important}.app-header-bar{height:auto!important;min-height:4rem!important;padding:.65rem .85rem!important;border-radius:1.25rem!important}.app-header-actions{position:static!important;transform:none!important;gap:.15rem!important}.app-header-actions-left,.app-header-actions-right{max-width:34%}.app-header-dropdown{position:fixed!important;top:calc(var(--safe-top) + 4.75rem)!important;left:.75rem!important;right:.75rem!important;width:auto!important;max-width:none!important;max-height:min(70dvh,32rem)!important}.bottom-nav-shell{bottom:calc(env(safe-area-inset-bottom) + .35rem)!important;padding:0 .5rem!important}.bottom-nav-bar{margin:0!important;max-width:none!important;border-radius:1.4rem!important}.bottom-nav-center{width:4.9rem!important;height:4.6rem!important;top:-1.25rem!important}.modal-overlay{padding:.75rem!important;align-items:flex-end!important}.modal-card{max-width:none!important;width:100%!important;max-height:min(88dvh,100%)!important;border-radius:1.2rem!important}.modal-header,.modal-body{padding:1rem!important}.calendar-screen{height:auto!important;min-height:calc(100dvh - 9rem);overflow:visible!important}.calendar-header,.calendar-title-group,.plan-review-weekbar,.worker-detail-actions,.company-overview-tabs,.worker-detail-topbar,.company-overview-topbar,.task-return-header,.calendar-day-header,.calendar-progress-row,.calendar-ms-status,.company-overview-log-row,.task-return-item-header,.task-return-item-actions{flex-wrap:wrap!important}.calendar-header,.plan-review-weekbar{gap:.85rem;align-items:flex-start!important}.calendar-title-group,.calendar-title-block,.calendar-view-switch,.calendar-day-header-main,.calendar-day-header-side,.calendar-progress-row>*,.calendar-ms-status>*,.task-return-header>*{width:100%}.calendar-view-switch{overflow-x:auto}.calendar-view-switch button{flex:1 0 auto;white-space:nowrap}.calendar-today-layout,.calendar-weekly-layout,.worker-detail-layout,.company-overview-detail-layout,.supabase-import-layout,.profile-settings-layout{flex-direction:column!important;grid-template-columns:1fr!important}.calendar-today-sidebar,.calendar-main-column,.calendar-weekly-sidebar,.worker-detail-sidebar,.supabase-import-sidebar{width:100%!important;min-width:0!important;flex:1 1 auto!important;position:static!important}.calendar-kpi-grid{flex-direction:column!important}.calendar-filter-grid,.worker-detail-profile-grid,.worker-detail-edit-grid,.company-overview-stats-grid,.task-return-item-grid,.profile-form-grid{grid-template-columns:1fr!important}.calendar-weekly-content{overflow:visible!important}.calendar-weekly-grid{min-width:720px;align-content:start}.calendar-weekly-actions{justify-content:stretch!important;flex-direction:column!important}.calendar-weekly-actions>*{width:100%}.plan-review-tabs{overflow-x:auto}.plan-review-tabs button{flex:1 0 auto;white-space:nowrap}.plan-review-filterbar{flex-direction:column!important;align-items:stretch!important}.worker-detail-sidebar{padding:1.25rem 1rem!important}.worker-detail-org-grid,.worker-detail-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.company-overview-list,.company-overview-summary-grid,.supabase-import-summary-grid{grid-template-columns:1fr!important}.company-overview-tabs{overflow-x:auto;gap:.75rem!important}.company-overview-tabs button{white-space:nowrap;flex:0 0 auto}.task-return-item-actions{justify-content:stretch!important}.task-return-item-actions>*{width:100%}.supabase-import-field-grid>*{min-width:0!important;width:100%}}@media (max-width: 640px){.calendar-header{margin-bottom:1rem!important}.calendar-title-block{min-width:0!important}.calendar-screen h1{font-size:1.35rem!important}.calendar-today-sidebar>div,.calendar-main-column>div,.calendar-weekly-sidebar,.company-overview-screen [style*="padding: 1.5rem"],.task-return-screen [style*="padding: 1rem"],.supabase-import-screen [style*="padding: 1rem"]{min-width:0}.plan-review-grid{min-width:760px!important}.worker-detail-actions{flex-direction:column!important}.worker-detail-actions>*{width:100%}.worker-detail-org-grid,.worker-detail-project-grid,.company-overview-stats-grid{grid-template-columns:1fr!important}.calendar-task-card,.calendar-unsaved-row,.company-overview-log-row,.task-return-item-header{flex-direction:column!important;align-items:flex-start!important}.calendar-task-card>:last-child,.calendar-unsaved-row>:last-child,.company-overview-log-row>:last-child,.task-return-item-header>:last-child{width:100%;justify-content:flex-start!important}.mobile-data-table,.mobile-data-table tbody,.mobile-data-table tr,.mobile-data-table td{display:block;width:100%!important}.mobile-data-table thead{display:none}.mobile-data-table tr{margin-bottom:.85rem;border:1px solid var(--color-border);border-radius:.9rem;overflow:hidden;background:var(--color-card)}.mobile-data-table td{position:relative;padding:.75rem .75rem .75rem 7.75rem!important;min-height:3rem;border-bottom:1px solid var(--color-border);text-align:left!important}.mobile-data-table td:last-child{border-bottom:none}.mobile-data-table td:before{content:attr(data-label);position:absolute;left:.75rem;top:.75rem;width:6rem;font-size:.72rem;font-weight:800;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}}@media (max-width: 480px){.app-main{padding-left:.5rem!important;padding-right:.5rem!important}.app-shell{padding:.7rem!important;border-radius:1rem!important}.app-header-bar{padding:.6rem .7rem!important}.app-header-actions-left,.app-header-actions-right{max-width:37%}.app-header-bar .logo,.app-header-bar svg{max-height:2rem}.modal-overlay{padding:.5rem!important}.modal-card{border-radius:1rem!important}.calendar-view-switch button,.plan-review-tabs button{font-size:.78rem!important;padding:.65rem .9rem!important}.calendar-today-sidebar{gap:.75rem!important}.calendar-screen,.plan-review-screen,.worker-detail-screen,.company-overview-screen,.supabase-import-screen{font-size:.96rem}.mobile-data-table td{padding-left:6.85rem!important}.mobile-data-table td:before{width:5.2rem;font-size:.68rem}}
