:root{color:var(--text-primary);background:var(--app-background);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%}body{margin:0;background:var(--app-background);color:var(--text-primary);overflow:hidden}button,input,select,textarea{font:inherit}#root{width:100vw;height:100vh;min-height:100vh;overflow:hidden}:focus-visible{outline:2px solid #f38808!important;outline-offset:3px!important;box-shadow:0 0 0 4px #f3880840!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid #f38808!important;outline-offset:2px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sidebar-navScroll,.dashboard-viewPanel{-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--border-subtle, rgba(255, 255, 255, .2)) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-subtle, rgba(0, 0, 0, .2));border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted, rgba(0, 0, 0, .4))}.sidebar-searchInput::placeholder{color:#ffffff73}.sidebar-nav-btn{position:relative;transition:transform .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.sidebar-nav-btn:hover{background-color:#ffffff14!important;color:#fff!important}.sidebar-nav-btn:hover .sidebar-icon-box{background-color:#f3880838!important;color:#f38808!important;transform:scale(1.08)}.sidebar-nav-btn.collapsed{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0 auto!important;border-radius:12px!important;justify-content:center!important}.sidebar-nav-btn.collapsed:hover{background-color:#ffffff1f!important;transform:translateY(-1px);box-shadow:0 4px 14px #0000004d!important}.sidebar-nav-btn.collapsed:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 14px);background-color:var(--surface-strong, #1c2d40);color:var(--text-primary, #ffffff);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-6px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 8px 16px #00000040;border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));z-index:1000}.sidebar-nav-btn.collapsed:hover:after,.sidebar-nav-btn.collapsed:focus-visible:after{opacity:1;transform:translate(0)}.sidebar-nav-btn.collapsed.active{background-color:#f3880833!important;border:1px solid rgba(243,136,8,.45)!important}.sidebar-nav-btn.collapsed.active .sidebar-icon-box{background:linear-gradient(135deg,#f38808,#d37105)!important;color:#fff!important;box-shadow:0 4px 14px #f3880859}.sidebar-nav-btn:focus-visible{outline:none!important;box-shadow:0 0 0 2px #f38808,0 0 0 4px #f3880840!important}.sidebar-icon-box{transition:transform .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.sidebar-profile-btn{position:relative;transition:background-color .14s ease,box-shadow .14s ease,transform .14s ease}.sidebar-profile-btn:hover{background-color:#ffffff14!important}.sidebar-profile-btn:focus-visible{outline:none!important;box-shadow:0 0 0 2px #f38808,0 0 0 4px #f3880840!important}.sidebar-popover-option{transition:background-color .12s ease,transform .12s ease;color:#f0f6fc!important}.sidebar-popover-option:hover{background-color:#ffffff1a!important;color:#fff!important}.header-popover-option{transition:background-color .12s ease,color .12s ease,transform .12s ease;color:var(--text-primary)!important}.header-popover-option:hover{background-color:#f388081a!important;color:var(--accent, #f38808)!important}.header-popover-logout{background-color:#f388081f!important;color:var(--accent, #f38808)!important;border:1px solid rgba(243,136,8,.28)!important}.header-popover-logout:hover{background-color:#f3880833!important;color:var(--accent-hover, #d37105)!important}.header-profile-btn{border:1px solid var(--border-subtle);cursor:pointer;font:inherit;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.header-profile-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0e14151a!important;border-color:#f3880866!important}.header-profile-btn:focus-visible{outline:none!important;box-shadow:0 0 0 2px #f38808,0 0 0 4px #f3880840!important}table tbody tr{transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}table tbody tr:hover td,table tbody tr:hover th{background-color:#f3880814}table tbody tr:hover{box-shadow:0 2px 8px #00000014;position:relative;z-index:10}@keyframes metroModalIn{0%{opacity:0;transform:scale(.965) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes metroOverlayIn{0%{opacity:0}to{opacity:1}}.metro-modal-card{animation:metroModalIn .22s cubic-bezier(.22,1,.36,1) forwards}.metro-modal-overlay{animation:metroOverlayIn .18s ease forwards}.metro-header-btn{background-color:#f38808;color:#fff;border:none;border-radius:10px;padding:8px 16px;font-weight:700;font-size:.84rem;cursor:pointer;box-shadow:0 3px 10px #f388084d;transition:background-color .15s ease,box-shadow .15s ease,transform .12s ease;font:inherit}.metro-header-btn:hover{background-color:#d37105;box-shadow:0 6px 18px #f388086b;transform:translateY(-1px)}.metro-header-btn:active{transform:translateY(0);box-shadow:0 2px 8px #f388084d}.metro-ghost-btn{transition:background-color .15s ease,opacity .15s ease}.metro-ghost-btn:hover{background-color:#f388081a!important}.metro-text-btn{transition:opacity .14s ease,color .14s ease}.metro-text-btn:hover{opacity:.65}.metro-page-btn{transition:background-color .14s ease,border-color .14s ease,opacity .14s ease}.metro-page-btn:hover:not(:disabled){background-color:#f388081a!important;border-color:#f3880866!important;color:var(--accent, #f38808)!important}.metro-page-btn:disabled{opacity:.38;cursor:not-allowed}.metro-theme-btn{transition:background-color .15s ease,transform .12s ease}.metro-theme-btn:hover{background-color:var(--surface)!important;transform:rotate(12deg)}@keyframes metroViewIn{0%{opacity:.82;transform:translateY(2px)}to{opacity:1;transform:none}}.metro-view-enter{animation:metroViewIn .14s cubic-bezier(.16,1,.3,1) forwards}.metro-search-row{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-bottom:2px}.metro-search-wrap{display:flex;align-items:center;width:100%;max-width:420px}.metro-search-container{position:relative;display:flex;align-items:center;width:100%;height:38px;background:var(--surface-strong);border:1px solid var(--border-subtle);border-radius:11px;padding:0 10px 0 34px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;box-sizing:border-box}.metro-search-container:focus-within{border-color:#f38808;box-shadow:0 0 0 3px #f3880824;background:var(--surface)}.metro-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none;opacity:.75;transition:color .15s ease,opacity .15s ease}.metro-search-container:focus-within .metro-search-icon{color:#f38808;opacity:1}.metro-search-input,.metro-search-input:focus,.metro-search-input:focus-visible{width:100%;height:100%;border:none!important;background:transparent!important;color:var(--text-primary)!important;font-size:.86rem;font-family:inherit;outline:none!important;box-shadow:none!important;padding:0}.metro-search-input::placeholder{color:var(--text-secondary);opacity:.65;font-size:.85rem}.metro-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:#8c9baa33;color:var(--text-secondary);cursor:pointer;padding:0;margin-left:6px;transition:all .12s ease;flex-shrink:0}.metro-search-clear:hover{background:#f3880840;color:#f38808;transform:scale(1.1)}.metro-search-count-pill{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;color:#f38808;background:#f3880817;border:1px solid rgba(243,136,8,.22);border-radius:8px;padding:4px 10px;white-space:nowrap;animation:metroBadgeIn .15s ease forwards}@keyframes metroBadgeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.metro-header-btn-icon{display:flex!important}.boardShell{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.boardShell>div>article{scroll-snap-align:start}}@keyframes metro-spin{to{transform:rotate(360deg)}}.metro-worker-search{width:100%;box-sizing:border-box;margin-bottom:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-primary);font-size:.88rem;outline:none}.metro-worker-search:focus{border-color:#f38808;box-shadow:0 0 0 2px #f3880840}.metro-worker-row{outline:none;-webkit-tap-highlight-color:transparent}.metro-worker-row:hover{border-color:#f3880899!important}.metro-worker-row:focus-visible{border-color:#f38808!important;box-shadow:0 0 0 2px #f3880859}.metro-skeleton{display:block;border-radius:8px;background:linear-gradient(90deg,var(--surface-strong) 25%,var(--border-subtle) 50%,var(--surface-strong) 75%);background-size:200% 100%;animation:metro-shimmer 1.4s ease-in-out infinite}@keyframes metro-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.metro-skeleton{animation:none}}.metro-pin{position:relative;width:26px;height:26px;border-radius:50% 50% 50% 0;background:#f38808;border:3px solid #fff;box-shadow:0 2px 6px #0006;transform:rotate(-45deg)}.metro-pin:after{content:"";position:absolute;top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#fff}.metro-settings-nav{outline:none}.metro-settings-nav:hover{color:var(--text-primary)!important}.metro-settings-nav:focus-visible{outline:2px solid #f38808;outline-offset:2px}.cshell-link:hover{color:var(--text-primary)!important;background:var(--surface-strong)}.cshell-link[aria-current=page]:hover{color:#f38808!important;background:#f388081f}.cshell-tab:active{background:var(--surface-strong)}.cshell-signout:hover{color:#f38808!important}@media(prefers-reduced-motion:no-preference){.cshell-link,.cshell-tab{transition:color .12s ease,background .12s ease}}
