*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-color);font-family:inherit;font-variant-emoji:text}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);font-size:clamp(14px,1vw + 10px,16px);transition:background-color .3s ease;overflow:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.02em;margin-bottom:.5em;color:var(--text-color)}h1{font-size:clamp(1.5rem,4vw,2.5rem)}h2{font-size:clamp(1.25rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2vw,1.5rem)}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a{color:var(--brand-mint);text-decoration:none;transition:all .2s ease;font-weight:600}a:hover{color:var(--brand-blue);text-shadow:0 0 10px var(--halo-glow-blue)}button{font-family:inherit}.desktop-header-title-container{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:help}.desktop-header-title-container h2{margin-bottom:0}.desktop-header-title-container .title-info-icon{opacity:.45;transition:opacity .2s ease,color .2s ease,transform .2s ease}.desktop-header-title-container:hover .title-info-icon{opacity:1;color:var(--brand-green);transform:scale(1.1)}.desktop-title-tooltip-text{visibility:hidden;position:absolute;left:0;top:100%;transform:translateY(8px);z-index:9999;width:max-content;max-width:360px;background:#0f172af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px #00000080,0 0 2px var(--brand-green);color:var(--text-color);font-size:.8rem;font-weight:500;line-height:1.4;white-space:pre-line;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s;pointer-events:none}[data-theme=light] .desktop-title-tooltip-text{background:#fffffff2;border-color:#0000000f;box-shadow:0 10px 30px #00000026,0 0 2px var(--brand-green);color:var(--text-color)}.desktop-header-title-container:hover .desktop-title-tooltip-text{visibility:visible;opacity:1;transform:translateY(4px)}.status-pill{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:capitalize}.status-pill.active{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-pill.inactive{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.employee-status-indicator{font-size:.75rem;font-weight:700;align-self:center}.employee-status-indicator.active{color:var(--brand-green)}.employee-status-indicator.inactive{color:#f44;opacity:.5}.submission-status-badge{padding:4px 10px;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center}.submission-status-badge.pending{background:var(--badge-amber-bg);color:var(--badge-amber-text);border:1px solid rgba(245,158,11,.3)}.submission-status-badge.approved{background:var(--badge-green-bg);color:var(--badge-green-text);border:1px solid rgba(52,211,153,.3)}.submission-status-badge.rejected{background:var(--badge-red-bg);color:var(--badge-red-text);border:1px solid rgba(239,68,68,.3)}:root{--bg-color: #fcfcfd;--text-color: #18181b;--brand-mint: #0d9488;--brand-blue: #3b82f6;--brand-green: var(--brand-mint);--border-color: #e4e4e7;--panel-bg: var(--color-white);--surface-card: #f9f9fb;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs: .7rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--radius-squircle: 24px;--radius-button: 12px;--radius-pill: 40px;--glass-blur: 15px;--shadow-premium: 0 8px 32px rgba(0, 0, 0, .1);--shadow-halo: 0 0 15px var(--halo-glow);--halo-glow: color-mix(in srgb, var(--brand-mint), transparent 80%);--halo-bg: color-mix(in srgb, var(--brand-mint), transparent 95%);--status-danger: #f43f5e;--status-warning: #f59e0b;--status-neutral: #3b82f6;--status-success: #10b981;--priority-urgent: var(--status-danger);--priority-high: var(--status-warning);--priority-medium: var(--status-neutral);--priority-low: var(--status-success);--z-base: 0;--z-card-base: 1;--z-card-content: 10;--z-card-name-overlay: 15;--z-card-actions: 20;--z-toolbar: 100;--z-sticky: 200;--z-header: 2001;--z-modal: 3000;--z-toast: 4000;--badge-teal-bg: rgba(45, 212, 191, .1);--badge-teal-text: #2dd4bf;--badge-blue-bg: color-mix(in srgb, var(--brand-blue), transparent 90%);--badge-blue-text: #60a5fa;--badge-green-bg: rgba(52, 211, 153, .1);--badge-green-text: #34d399;--badge-amber-bg: rgba(245, 158, 11, .1);--badge-amber-text: #f59e0b;--badge-red-bg: color-mix(in srgb, var(--priority-urgent), transparent .1);--badge-red-text: var(--priority-urgent);--brand-red: var(--status-danger);--brand-amber: var(--status-warning);--brand-emerald: var(--status-success);--color-white: var(--color-white);--text-secondary: #71717a;--surface-deep: #f4f4f5}[data-theme=dark]{--bg-color: #050505;--text-color: #d4d4d8;--text-secondary: #71717a;--brand-mint: #0d9488;--brand-blue: #3b82f6;--brand-green: var(--brand-mint);--border-color: rgba(255, 255, 255, .04);--panel-bg: #060606;--surface-card: #020202;--shadow-premium: 0 12px 60px rgba(0, 0, 0, .6);--glass-blur: 25px;--halo-glow: color-mix(in srgb, var(--brand-mint), transparent 88%);--halo-glow-blue: color-mix(in srgb, var(--brand-blue), transparent 92%);--halo-bg: color-mix(in srgb, var(--brand-mint), transparent 98%);--surface-deep: #09090b}.selection-area{width:20px;height:20px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.selection-checkbox{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-color);background:var(--surface-card);display:flex;align-items:center;justify-content:center;font-size:10px;color:#000;font-weight:900;transition:all .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.selection-area:hover .selection-checkbox{border-color:var(--brand-green);box-shadow:0 0 8px var(--halo-glow)}.selection-checkbox.checked{background:var(--brand-green);border-color:var(--brand-green);color:#000}.list-selection-col{width:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.halo-button.btn-approve,.halo-button.btn-reject{padding:4px 10px;font-size:.72rem;min-width:unset;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:8px}.halo-button.btn-approve{color:var(--brand-mint);background:var(--halo-bg);border:1px solid color-mix(in srgb,var(--brand-mint),transparent 70%)}.halo-button.btn-approve:hover{background:color-mix(in srgb,var(--brand-mint),transparent 85%);border-color:var(--brand-mint);box-shadow:0 0 15px var(--halo-glow)}.halo-button.btn-reject{color:var(--priority-urgent);background:color-mix(in srgb,var(--priority-urgent),transparent 95%);border:1px solid color-mix(in srgb,var(--priority-urgent),transparent 70%)}.halo-button.btn-reject:hover{background:color-mix(in srgb,var(--priority-urgent),transparent 90%);border-color:var(--priority-urgent);box-shadow:0 0 15px color-mix(in srgb,var(--priority-urgent),transparent 80%)}.halo-button{background:var(--halo-bg);border:1px solid var(--border-color);color:var(--brand-mint);padding:clamp(8px,1.5vh,12px) clamp(16px,2vw,24px);border-radius:var(--radius-button);font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:100px;font-family:inherit;font-size:.9rem;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 0 3px var(--halo-glow)}.halo-button:hover{background:color-mix(in srgb,var(--brand-green),transparent 85%);border-color:var(--brand-green);border-width:2px;box-shadow:0 0 20px var(--halo-glow);transform:translateY(-1px)}.halo-button.active{background:color-mix(in srgb,var(--brand-green),transparent 85%);color:var(--brand-mint);border:2px solid var(--brand-green);box-shadow:0 0 20px var(--halo-glow)}.halo-button.secondary{color:var(--text-color);opacity:.7;background:#ffffff08;border-color:var(--border-color);box-shadow:none}.halo-button.secondary:hover{opacity:1;background:#ffffff14;border-color:#fff3;box-shadow:0 0 10px #ffffff0d}.halo-button.danger{color:var(--priority-urgent);background:color-mix(in srgb,var(--priority-urgent),transparent 95%);border-color:color-mix(in srgb,var(--priority-urgent),transparent 70%)}.halo-button.danger:hover{background:color-mix(in srgb,var(--priority-urgent),transparent 90%);border-color:var(--priority-urgent);box-shadow:0 0 15px color-mix(in srgb,var(--priority-urgent),transparent 80%)}.halo-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.master-action-btn{padding:10px 20px;font-size:.85rem;letter-spacing:.5px}.view-mode-toggle{display:flex;background:var(--halo-bg);border-radius:10px;padding:4px;gap:8px;border:1px solid var(--border-color)}.view-toggle-btn{background:transparent;border:1px solid transparent;color:var(--text-color);padding:6px 16px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;opacity:.6}.view-toggle-btn:hover{opacity:1;background:#ffffff0d}.view-toggle-btn.active{background:color-mix(in srgb,var(--brand-mint),transparent 85%);color:var(--brand-mint);border:1px solid color-mix(in srgb,var(--brand-mint),transparent 70%);opacity:1}.empty-state-container{padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-state-icon{font-size:4rem;opacity:.2}.empty-state-title{font-size:1.5rem;font-weight:700;opacity:.8}.empty-state-text{max-width:400px;opacity:.5;line-height:1.6}.badge-base,.hub-badge,.dept-badge,.role-badge,.tile-function-badge,.assignee-badge-base,.card-priority{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-family:JetBrains Mono,monospace;font-weight:800;padding:1px 8px;min-height:20px;border-radius:4px;background:#ffffff0d;color:var(--text-color);opacity:.7;border:1px solid var(--border-color);letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap;line-height:1;box-sizing:border-box}.badge-success{color:var(--priority-low);background:color-mix(in srgb,var(--priority-low),transparent .1);border-color:color-mix(in srgb,var(--priority-low),transparent .2);opacity:1}.badge-warning{color:var(--priority-medium);background:color-mix(in srgb,var(--priority-medium),transparent .1);border-color:color-mix(in srgb,var(--priority-medium),transparent .2);opacity:1}.badge-danger{color:var(--priority-urgent);background:color-mix(in srgb,var(--priority-urgent),transparent .15);border-color:color-mix(in srgb,var(--priority-urgent),transparent .3);opacity:1}.badge-info{color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue),transparent 90%);border-color:color-mix(in srgb,var(--brand-blue),transparent 80%);opacity:1}.card-priority{opacity:1}.priority-low{color:var(--priority-low);background:color-mix(in srgb,var(--priority-low),transparent .1);border-color:color-mix(in srgb,var(--priority-low),transparent .2)}.priority-medium{color:var(--priority-medium);background:color-mix(in srgb,var(--priority-medium),transparent .1);border-color:color-mix(in srgb,var(--priority-medium),transparent .2)}.priority-high{color:var(--priority-high);background:color-mix(in srgb,var(--priority-high),transparent .15);border-color:color-mix(in srgb,var(--priority-high),transparent .3)}.priority-urgent{color:var(--priority-urgent);background:color-mix(in srgb,var(--priority-urgent),transparent .15);border-color:color-mix(in srgb,var(--priority-urgent),transparent .3)}.priority-completed{color:var(--brand-mint);background:color-mix(in srgb,var(--brand-mint),transparent 90%);border-color:color-mix(in srgb,var(--brand-mint),transparent 80%)}.hub-badge.null-hub,.assignee-none{opacity:.4;border-style:dashed;background:transparent}.hub-badge:hover,.dept-badge:hover,.role-badge:hover,.tile-function-badge:hover,.card-priority:hover{background:#ffffff14;filter:brightness(1.1)}.bulk-action-bar{position:fixed;bottom:calc(var(--tray-height, 64px) + var(--safe-bottom, 0px) + 16px);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:500px;background:#08080af2;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 20px;display:flex;flex-direction:column;gap:12px;z-index:3010;box-shadow:0 20px 50px #000c;transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .4s ease}.bulk-action-bar.bulk-hidden{transform:translate(-50%,150%);opacity:0;pointer-events:none}@media screen and (min-width:1025px){.bulk-action-bar{flex-direction:row;align-items:center;width:auto;min-width:550px;max-width:90vw;border-radius:50px;padding:8px 24px;bottom:2rem;gap:20px}}.bulk-info{font-weight:700;color:var(--brand-mint);font-size:.9rem;text-align:center;white-space:nowrap}.bulk-actions{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.bulk-btn{background:var(--halo-bg);border:1px solid var(--border-color);color:var(--brand-mint);border-radius:50px;padding:6px 16px;font-size:.8rem;min-width:90px;height:34px;transition:all .2s ease}.bulk-btn:hover{background:color-mix(in srgb,var(--brand-mint),transparent 85%);border-color:var(--brand-mint);box-shadow:0 0 15px var(--halo-glow);transform:translateY(-1px)}.bulk-btn.delete:hover{color:var(--priority-urgent);background:color-mix(in srgb,var(--priority-urgent),transparent .1);border-color:color-mix(in srgb,var(--priority-urgent),transparent .3)}.bulk-btn.cancel{color:var(--text-color);opacity:.7}.bulk-btn.cancel:hover{opacity:1;background:#ffffff0d}.action-icon-btn,.card-nav-button,.card-edit-button,.card-clone-button,.card-delete-button,.card-deprio-button,.card-reprio-button,.card-add-sub-button,.card-submit-proof-button,.card-mark-completed-button{background:transparent;border:none;color:var(--color-white);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1.1rem}.action-icon-btn:hover,.card-edit-button:hover,.card-clone-button:hover,.card-nav-button:hover{background:#ffffff14;color:var(--brand-green);transform:translateY(-1px)}.card-mark-completed-button:hover{color:var(--priority-low);background:color-mix(in srgb,var(--priority-low),transparent .1);transform:translateY(-1px)}.card-delete-button:hover{background:color-mix(in srgb,var(--priority-urgent),transparent .1);color:var(--priority-urgent)}.action-icon-btn{background:transparent;border:none;color:#ffffffd9;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1.1rem}.action-icon-btn:hover{background:#ffffff0d;color:var(--brand-green);transform:translateY(-1px)}.action-icon-btn.delete:hover{color:var(--priority-urgent)}.status-toggle-btn{background:transparent;border:none;box-shadow:none;padding:0;width:28px;height:28px;min-width:auto;color:#ffffffd9;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.status-toggle-btn:hover{background:#ffffff0d;color:var(--brand-green);transform:translateY(-1px)}@media screen and (max-width:768px){:root,[data-theme=dark]{--radius-squircle: 20px;--radius-button: 10px;--glass-blur: 14px;--shadow-premium: 0 8px 24px rgba(0, 0, 0, .4)}.halo-button{padding:10px 18px;font-size:.85rem;min-width:80px;min-height:44px}.master-action-btn{padding:10px 16px;font-size:.8rem;min-height:44px}.view-toggle-btn{padding:8px 14px;font-size:.75rem;min-height:38px}.empty-state-container{padding:2.5rem 1.5rem}.empty-state-icon{font-size:3rem}.empty-state-title{font-size:1.25rem}button,a,select,input[type=checkbox],input[type=radio],.selection-area,[role=button],[tabindex]{min-height:44px;min-width:44px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea,select{min-height:44px;font-size:16px}.tag-neutral,.dept-badge,.role-badge,.hub-badge,.status-pill,.assignee-badge-base,.card-priority,.tile-function-badge{min-height:18px;display:inline-flex;align-items:center;padding:0 6px;font-size:.6rem}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--tray-height: 64px}}@media screen and (max-width:480px){:root,[data-theme=dark]{--radius-squircle: 16px;--radius-button: 8px;--glass-blur: 12px;--shadow-premium: 0 4px 16px rgba(0, 0, 0, .3)}.halo-button{padding:12px 16px;font-size:.82rem;width:100%;min-height:44px}.master-action-btn{padding:10px 14px;font-size:.78rem;width:100%;min-height:44px}.view-mode-toggle{gap:4px;padding:3px}.view-toggle-btn{padding:6px 10px;font-size:.7rem;min-height:36px}.empty-state-container{padding:2rem 1rem;gap:1rem}.empty-state-icon{font-size:2.5rem}.empty-state-title{font-size:1.1rem}.empty-state-text{font-size:.85rem}}body[data-keyboard=open] #root,body[data-keyboard=open] .app-root{height:var(--visual-viewport-height, 100dvh);overflow:hidden}body[data-keyboard=open] .form-actions,body[data-keyboard=open] .form-footer,body[data-keyboard=open] .modal-actions,body[data-keyboard=open] .wizard-footer,body[data-keyboard=open] .task-form-actions{position:sticky;bottom:0;background:var(--bg-color);z-index:20;padding-bottom:8px;border-top:1px solid var(--border-color);margin-top:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes stageFadeSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.u-flex-center-gap{display:flex;align-items:center;gap:8px}.u-flex-gap-4{display:flex;gap:4px}.u-text-brand-blue{color:var(--brand-blue)}.u-text-brand-green{color:var(--brand-green)}.u-text-brand-red{color:var(--priority-urgent)}.u-ml-4{margin-left:4px}.u-ml-8{margin-left:8px}.u-mr-4{margin-right:4px}.u-mr-6{margin-right:6px}.u-mr-8{margin-right:8px}.u-mt-4{margin-top:1rem}.u-w-full{width:100%}.u-fw-600{font-weight:600}.u-fw-700{font-weight:700}.u-opacity-60{opacity:.6}.u-p-2rem-center{padding:2rem;text-align:center}.badge-viewer{background-color:var(--surface-deep);color:var(--text-secondary);font-size:.6rem;padding:1px 4px}.app-container{background-color:var(--bg-color);color:var(--text-color);height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;transition:background-color .3s ease,color .3s ease}.app-layout{display:flex;width:100%;height:100%;overflow:hidden;position:relative}.app-main-area{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;transition:all var(--transition-main);background-color:var(--surface-card);position:relative;min-height:0}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:0}.management-view-container{padding:clamp(1rem,3vw,2.5rem) 10px 40px 10px;width:100%;height:calc(100dvh - 80px);overflow-y:auto;display:flex;flex-direction:column;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-squircle);border:1px solid var(--border-color);background-color:var(--surface-card);margin-top:1rem;box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.responsive-table-wrapper table{min-width:800px}.loading-screen-layout .halo-button{margin-top:1rem}.error-message-text{max-width:400px;text-align:center}.impersonation-active-container{display:flex;align-items:center;gap:8px}.loading-screen-layout{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;height:100dvh}.loading-logo{width:80px;margin-bottom:1rem}.error-heading{color:var(--status-danger)}.error-logout-btn{margin-top:1rem}.impersonation-active-label{font-size:.85rem;color:var(--text-color);opacity:.9;display:flex;align-items:center;gap:6px}.impersonation-role-badge{font-size:.75rem;padding:2px 6px;opacity:.8;background:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-mono)}.impersonation-stop-btn{padding:4px 8px;font-size:.75rem;color:var(--brand-green)}.app-header{height:clamp(60px,8vh,90px);display:flex;justify-content:space-between;align-items:center;width:100%;background-color:color-mix(in srgb,var(--surface-card),transparent 20%);border-bottom:1px solid var(--border-color);padding:0 clamp(12px,4vw,40px);position:sticky;top:0;z-index:var(--z-header);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-premium)}.desktop-layout .app-header{padding-left:0}.header-left{flex:1;display:flex;align-items:center}.logo-button{position:fixed;left:2.5rem;top:25px;width:40px;height:40px;z-index:calc(var(--z-header) + 10);background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.logo-button:hover{transform:scale(1.05)}.logo-svg{width:36px;height:36px;object-fit:contain}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.header-right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center}.impersonation-header-wrapper{margin-right:16px;display:flex;align-items:center;background:var(--halo-bg);border:1px solid var(--border-color);border-radius:12px;padding:4px 12px;min-height:40px;transition:all .2s ease}.impersonation-header-wrapper:hover{box-shadow:0 0 15px var(--halo-glow)}.brand-title-centered{position:fixed;left:50%;top:clamp(30px,4.2vh,45px);transform:translate(-50%,-50%);margin:0;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:800;background:linear-gradient(135deg,var(--brand-mint),var(--brand-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--brand-mint);letter-spacing:-1px;white-space:nowrap;line-height:1;z-index:calc(var(--z-header) + 20);pointer-events:none;font-family:var(--font-main);text-transform:none;text-shadow:0 0 8px var(--halo-glow)}.desktop-layout .app-header .brand-title-centered{position:static;transform:none;left:auto;top:auto;display:inline-block;vertical-align:middle}.desktop-layout .header-left{justify-content:center}.theme-toggle-btn{padding:8px;cursor:pointer;border-radius:6px;border:.1px solid var(--border-color);background-color:transparent;color:inherit;transition:all .2s ease}.theme-toggle-btn:hover{background-color:var(--border-color)}.header-tutorial-btn{margin-right:24px;font-size:.8rem;padding:0 16px;min-height:40px;display:inline-flex;align-items:center;gap:6px;border-radius:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transition:all .2s cubic-bezier(.4,0,.2,1)}.app-header .header-tutorial-btn.active{border-color:var(--brand-green);background:var(--halo-bg);box-shadow:0 0 15px var(--halo-glow);opacity:1}.app-header .header-sandbox-btn{color:var(--brand-amber);border-color:color-mix(in srgb,var(--brand-amber),transparent 70%);background:color-mix(in srgb,var(--brand-amber),transparent 95%);box-shadow:0 0 5px color-mix(in srgb,var(--brand-amber),transparent 90%);font-weight:800;margin-right:24px;font-size:.8rem;padding:0 16px;min-height:40px;display:inline-flex;align-items:center;gap:6px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;transition:all .2s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:1280px){.app-header{padding:0 24px;height:70px}.logo-button{left:1.5rem;top:15px}.desktop-layout .app-header .brand-title-centered{font-size:1.3rem}.app-header .header-tutorial-btn,.app-header .header-tutorial-btn.active{font-size:0;border:none;background:transparent;box-shadow:none;width:32px;height:32px;min-width:32px;max-width:32px;min-height:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;margin-right:16px}.header-tutorial-btn:after{content:"💡";font-size:1.35rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1}.app-header .header-sandbox-btn{font-size:0;border:none;background:transparent;box-shadow:none;width:32px;height:32px;min-width:32px;max-width:32px;min-height:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;position:relative;margin-right:16px}.header-sandbox-btn:after{content:"⚠️";font-size:1.35rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1}.impersonation-header-wrapper{margin-right:8px;padding:2px 8px}}@media screen and (max-width:1024px){.app-header{padding:0 16px}.logo-button{left:1rem}.brand-title-centered{font-size:1.2rem;top:calc(35px + var(--safe-top, 0px))}}@media screen and (max-width:768px){.app-header{height:60px;padding:0 12px}.logo-button{top:calc(10px + var(--safe-top, 0px))}.header-right{gap:8px}.header-right .user-profile-toggle .user-info-text{display:none}.app-header.mobile-hidden,.brand-title-centered.mobile-hidden,.logo-button.mobile-hidden{display:none!important}}@media screen and (max-width:480px){.logo-button{display:none!important}.brand-title-centered{font-size:1rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;position:fixed;left:50%;transform:translate(-50%,-50%)}}.mobile-longpress-backdrop{position:fixed;inset:0;background:#00000040;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:9998;animation:tooltipFadeIn .2s ease-out forwards}.mobile-longpress-bubble{max-width:260px;width:max-content;background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;box-shadow:0 10px 30px #00000080,0 0 2px var(--brand-green);animation:tooltipScaleIn .25s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}[data-theme=light] .mobile-longpress-bubble{background:#ffffffe6;border-color:#0000000f;box-shadow:0 10px 30px #00000026,0 0 2px var(--brand-green)}.tooltip-content{font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:500;line-height:1.4;color:#f8fafc;text-align:center;white-space:pre-line}[data-theme=light] .tooltip-content{color:#1e293b}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-above .tooltip-arrow{bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:rgba(15,23,42,.85) transparent transparent transparent}[data-theme=light] .tooltip-above .tooltip-arrow{border-color:rgba(255,255,255,.9) transparent transparent transparent}.tooltip-below .tooltip-arrow{top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent rgba(15,23,42,.85) transparent}[data-theme=light] .tooltip-below .tooltip-arrow{border-color:transparent transparent rgba(255,255,255,.9) transparent}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tooltipScaleIn{0%{opacity:0;transform:translate(-50%,-5px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.role-tooltip-anchor{position:relative;display:inline-flex}.role-tooltip{position:fixed;transform:translate(-50%) translateY(calc(-100% - 12px));width:240px;z-index:99999;background:color-mix(in srgb,var(--bg-color, #09090b),white 5%);border:1px solid color-mix(in srgb,var(--tooltip-accent, var(--brand-green)),transparent 55%);border-radius:12px;padding:12px;box-shadow:0 20px 48px #000000a6,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:roleTooltipIn .15s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.role-tooltip--below{transform:translate(-50%) translateY(0);animation:roleTooltipInBelow .15s cubic-bezier(.16,1,.3,1) forwards}@keyframes roleTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(calc(-100% - 6px))}to{opacity:1;transform:translate(-50%) translateY(calc(-100% - 12px))}}@keyframes roleTooltipInBelow{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.role-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.role-tooltip-badge{font-family:JetBrains Mono,monospace;font-size:.58rem;font-weight:800;letter-spacing:.6px;padding:2px 6px;border-radius:4px;border:1px solid var(--tooltip-accent, var(--brand-green));color:var(--tooltip-accent, var(--brand-green));background:color-mix(in srgb,var(--tooltip-accent, var(--brand-green)),transparent 88%);flex-shrink:0;line-height:1.4;text-transform:uppercase}.role-tooltip-headline{font-size:.78rem;font-weight:700;color:var(--text-color, #f4f4f5);line-height:1.2}.role-tooltip-context{font-size:.7rem;color:color-mix(in srgb,var(--text-color),transparent 40%);margin:0 0 10px;line-height:1.4}.role-tooltip-context strong{color:color-mix(in srgb,var(--tooltip-accent, var(--brand-green)),transparent 15%);font-weight:600}.role-tooltip-perms{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.role-tooltip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.role-tooltip-list li{display:flex;align-items:flex-start;gap:6px;font-size:.68rem;line-height:1.35;color:color-mix(in srgb,var(--text-color),transparent 20%)}.perm-icon{flex-shrink:0;font-size:.6rem;font-weight:800;margin-top:1px;line-height:1.4}.perm-icon--yes{color:var(--status-success, #10b981)}.perm-icon--no{color:var(--status-danger, #f43f5e);opacity:.7}.role-tooltip-list--cannot li{opacity:.55;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--status-danger, #f43f5e),transparent 55%);text-decoration-thickness:1px}.role-tooltip-summary{font-size:.65rem;color:color-mix(in srgb,var(--text-color),transparent 50%);line-height:1.45;margin:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--text-color),transparent 92%);font-style:italic}.role-tooltip-caret{position:absolute;bottom:-5px;left:calc(50% + var(--caret-offset, 0px));transform:translate(-50%) rotate(45deg);width:9px;height:9px;background:color-mix(in srgb,var(--bg-color, #09090b),white 5%);border-right:1px solid color-mix(in srgb,var(--tooltip-accent, var(--brand-green)),transparent 55%);border-bottom:1px solid color-mix(in srgb,var(--tooltip-accent, var(--brand-green)),transparent 55%)}.role-tooltip--below .role-tooltip-caret{bottom:auto;top:-5px;border-right:none;border-bottom:none;border-left:1px solid color-mix(in srgb,var(--tooltip-accent, var(--brand-green)),transparent 55%);border-top:1px solid color-mix(in srgb,var(--tooltip-accent, var(--brand-green)),transparent 55%)}.board-rbac-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:color-mix(in srgb,#000,transparent 40%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:rbacOverlayIn .2s ease-out}@keyframes rbacOverlayIn{0%{opacity:0}to{opacity:1}}.board-rbac-modal{background:var(--bg-color, #09090b);border:1px solid color-mix(in srgb,var(--text-color),transparent 90%);border-radius:var(--radius-squircle, 24px);width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px color-mix(in srgb,#000,transparent 50%),0 0 0 1px color-mix(in srgb,var(--text-color),transparent 95%);animation:rbacModalIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes rbacModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.board-rbac-header{padding:20px 24px;border-bottom:1px solid color-mix(in srgb,var(--text-color),transparent 92%);display:flex;justify-content:space-between;align-items:flex-start}.board-rbac-title-group{display:flex;flex-direction:column;gap:4px}.board-rbac-title-group h3{margin:0;font-size:1.25rem;color:var(--text-color, #f4f4f5);font-weight:600}.board-rbac-subtitle{font-size:.85rem;color:color-mix(in srgb,var(--text-color),transparent 50%)}.board-rbac-close{background:transparent;border:none;color:color-mix(in srgb,var(--text-color),transparent 50%);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.board-rbac-close:hover{background:color-mix(in srgb,var(--text-color),transparent 90%);color:var(--text-color, #f4f4f5)}.board-rbac-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.board-rbac-loading{padding:40px;text-align:center;color:color-mix(in srgb,var(--text-color),transparent 50%);font-size:.9rem}.board-rbac-list{display:flex;flex-direction:column;height:100%;min-height:0}.board-rbac-list-header{display:flex;padding:12px 24px;background:color-mix(in srgb,var(--text-color),transparent 98%);border-bottom:1px solid color-mix(in srgb,var(--text-color),transparent 95%);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:color-mix(in srgb,var(--text-color),transparent 60%)}.col-user{flex:1}.col-access{flex:2;text-align:right}.board-rbac-list-body{flex:1;overflow-y:auto;padding:0 24px 24px}.board-rbac-row{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--text-color),transparent 95%)}.board-rbac-row:last-child{border-bottom:none}.board-rbac-row.inactive-user{opacity:.5}.user-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.user-name{font-weight:500;color:var(--text-color, #f4f4f5);font-size:.95rem}.inactive-badge{font-size:.65rem;background:color-mix(in srgb,var(--priority-urgent),transparent 90%);color:var(--priority-urgent);padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.user-email{font-size:.8rem;color:color-mix(in srgb,var(--text-color),transparent 60%);display:block}.access-selector-group{display:flex;gap:4px;justify-content:flex-end}.access-lvl-btn{background:color-mix(in srgb,var(--text-color),transparent 97%);border:1px solid color-mix(in srgb,var(--text-color),transparent 90%);color:color-mix(in srgb,var(--text-color),transparent 50%);font-size:.65rem;font-weight:600;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.access-lvl-btn:hover:not(:disabled){background:color-mix(in srgb,var(--text-color),transparent 92%);color:var(--text-color, #f4f4f5)}.access-lvl-btn:disabled{opacity:.5;cursor:not-allowed}.access-lvl-btn.active.lvl-none{background:color-mix(in srgb,var(--text-color),transparent 90%);border-color:color-mix(in srgb,var(--text-color),transparent 70%);color:var(--text-color)}.access-lvl-btn.active.lvl-viewer{background:color-mix(in srgb,var(--brand-blue),transparent 85%);border-color:var(--brand-blue);color:var(--brand-blue)}.access-lvl-btn.active.lvl-contributor{background:color-mix(in srgb,var(--brand-emerald),transparent 85%);border-color:var(--brand-emerald);color:var(--brand-emerald)}.access-lvl-btn.active.lvl-editor{background:color-mix(in srgb,var(--brand-amber),transparent 85%);border-color:var(--brand-amber);color:var(--brand-amber)}.access-lvl-btn.active.lvl-admin{background:color-mix(in srgb,var(--priority-urgent),transparent 85%);border-color:var(--priority-urgent);color:var(--priority-urgent)}.master-admin-badge{font-size:.75rem;color:var(--brand-amber);background:color-mix(in srgb,var(--brand-amber),transparent 90%);padding:6px 12px;border-radius:6px;border:1px dashed color-mix(in srgb,var(--brand-amber),transparent 70%)}.access-lvl-btn.has-changed{position:relative}.access-lvl-btn.has-changed:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;background-color:var(--brand-blue, #3b82f6);border-radius:50%;border:2px solid var(--bg-color, #09090b)}@media(max-width:768px){.board-rbac-list-header{display:none}.board-rbac-row{flex-direction:column;align-items:flex-start;gap:12px}.col-access{width:100%;text-align:left}.access-selector-group{flex-wrap:wrap;justify-content:flex-start}.access-lvl-btn{flex:1;text-align:center}}.access-lvl-btn.is-inherited{border-style:dashed}.access-lvl-btn.is-inherited.lvl-viewer{background:color-mix(in srgb,var(--brand-blue),transparent 90%);border-color:var(--brand-blue);color:var(--brand-blue)}.access-lvl-btn.is-inherited.lvl-contributor{background:color-mix(in srgb,var(--brand-emerald),transparent 90%);border-color:var(--brand-emerald);color:var(--brand-emerald)}.access-lvl-btn.is-inherited.lvl-editor{background:color-mix(in srgb,var(--brand-amber),transparent 90%);border-color:var(--brand-amber);color:var(--brand-amber)}.access-lvl-btn.is-inherited.lvl-admin{background:color-mix(in srgb,var(--priority-urgent),transparent 90%);border-color:var(--priority-urgent);color:var(--priority-urgent)}.access-lvl-inherited-tag{display:block;font-size:.5rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;opacity:.75;margin-top:1px;line-height:1}.access-lvl-btn.access-lvl-reset{background:color-mix(in srgb,var(--text-color),transparent 97%);border:1px dashed color-mix(in srgb,var(--text-color),transparent 70%);color:color-mix(in srgb,var(--text-color),transparent 40%);font-size:.6rem;font-style:normal;padding:6px 8px;white-space:nowrap}.access-lvl-btn.access-lvl-reset:hover:not(:disabled){border-color:color-mix(in srgb,var(--text-color),transparent 50%);color:var(--text-color);background:color-mix(in srgb,var(--text-color),transparent 92%)}.board-rbac-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#0f1218;flex-shrink:0}.board-rbac-pending-note{font-size:.75rem;font-weight:600;color:var(--status-warning, #f59e0b);opacity:.8;letter-spacing:.3px}.board-rbac-footer .halo-button:disabled{opacity:.35;cursor:not-allowed}.board-rbac-inherit-note{display:block;font-size:.75rem;color:color-mix(in srgb,var(--brand-green),transparent 40%);margin-top:2px;font-style:italic}.sidebar{position:relative;height:100dvh;background-color:var(--surface-card);border-right:1px solid transparent;z-index:10;width:280px;display:flex;flex-direction:column;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.sidebar:not(.open){width:0;opacity:0;border-right:none}.sidebar-content-wrapper{width:280px;height:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.sidebar-top-section{display:flex;flex-direction:column}.sidebar-bottom-section{padding-bottom:10px}.sidebar-header{height:90px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}.sidebar-logo-btn{background:transparent;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;line-height:0;transition:opacity .2s ease}.sidebar-logo-btn:hover{opacity:.7}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{padding:12px 15px;margin-bottom:4px;border-radius:var(--radius-button);cursor:pointer;background-color:transparent;color:var(--text-color);font-size:var(--font-sm);font-weight:500;transition:all .25s ease;white-space:nowrap;overflow:hidden;display:block}.sidebar-nav li:not(.locked):hover{background-color:var(--border-color);color:var(--brand-mint);transform:translate(4px)}.sidebar-nav li.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-mint),transparent 90%),transparent);color:var(--brand-mint);font-weight:700;border-left:3px solid var(--brand-mint)}.sidebar-nav li.locked{opacity:.5;cursor:not-allowed}.sidebar-nav li.locked:hover{background-color:transparent;color:var(--text-color)}.sidebar-nav li.nav-parent-item{position:relative;display:flex;justify-content:space-between;align-items:center;overflow:visible}.lock-icon{font-size:12px;opacity:.5}.v-actions-wrapper{display:flex;align-items:center;gap:8px}.v-toggle-btn{background:transparent;border:none;color:var(--text-color);font-size:.65rem;cursor:pointer;padding:4px 8px;border-radius:4px;opacity:.5;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.v-toggle-btn:hover{opacity:1;background:var(--border-color);color:var(--brand-green)}.v-toggle-btn.active{opacity:1;color:var(--brand-green)}.sidebar-nav ul.sub-nav-list{list-style:none;padding:0 0 8px 30px;margin:0;display:flex;flex-direction:column;gap:2px}.sidebar-nav ul.sub-nav-list li{padding:8px 12px;margin-bottom:2px;font-size:var(--font-xs);opacity:.7;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav ul.sub-nav-list li:hover{opacity:1;background-color:var(--border-color)}.sidebar-nav ul.sub-nav-list li.sub-active{background-color:color-mix(in srgb,var(--brand-green),transparent 95%);color:var(--brand-green);opacity:1;font-weight:600}.v-label-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-divider{margin:15px 0;border:none;border-top:1px solid var(--border-color);opacity:.5;width:100%}.sidebar-bottom-section .nav-divider{margin-bottom:15px}@media screen and (max-width:768px){.sidebar{position:fixed;top:auto;bottom:0;left:0;height:auto;max-height:85dvh;width:100vw;max-width:100%;transform:translateY(100%);opacity:1!important;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 40px #0000004d;border-radius:24px 24px 0 0;z-index:3010;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar .sidebar-content-wrapper{width:100%;height:auto;min-height:40dvh}.sidebar.open{transform:translateY(0)}.sidebar:not(.open){width:100vw;max-width:100%;transform:translateY(100%)}.mobile-logo-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;position:absolute;left:1rem;top:calc(10px + var(--safe-top, 0px));z-index:3011;transition:transform .2s ease;padding:0;width:44px;height:44px}.mobile-logo-btn .logo-svg{width:36px;height:36px;object-fit:contain}.mobile-logo-btn:hover{transform:scale(1.05)}}@media screen and (min-width:769px){.mobile-logo-btn{display:none}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:3000}@media screen and (max-width:768px){.sidebar-overlay.active{display:block}}.mobile-layout .tray-layout{padding:0;display:flex;flex-direction:column;justify-content:flex-start}.tray-drag-handle{width:40px;height:4px;background-color:var(--border-color);border-radius:4px;margin:12px auto 0}.tray-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-color)}.tray-header h3{font-size:1.1rem;font-weight:600;margin:0}.close-tray-btn{background:transparent;border:none;color:var(--brand-mint, var(--brand-green));font-weight:600;font-size:.95rem;padding:4px 8px;cursor:pointer}.tray-scroll-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.tray-section{display:flex;flex-direction:column;gap:12px}.tray-section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0;padding-left:4px}.tray-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px}@media screen and (max-width:360px){.tray-grid{grid-template-columns:repeat(3,1fr)}}.tray-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;border:none;padding:0;gap:8px;cursor:pointer;text-align:center;opacity:.9;transition:all .2s ease}.tray-card:hover{opacity:1;transform:translateY(-2px)}.tray-card.active{opacity:1}.tray-card.locked{opacity:.5;cursor:not-allowed}.tray-card.locked:hover{transform:none}.tray-icon{width:56px;height:56px;border-radius:16px;background-color:var(--border-color);background-color:color-mix(in srgb,var(--border-color),transparent 50%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--border-color);color:var(--text-color);position:relative;transition:all .2s ease}.tray-card.active .tray-icon{background-color:color-mix(in srgb,var(--brand-mint, var(--brand-green)),transparent 85%);box-shadow:inset 0 0 0 1px var(--brand-mint, var(--brand-green));color:var(--brand-mint, var(--brand-green))}.tray-card.small .tray-icon{width:48px;height:48px;border-radius:12px}.tray-card span{font-size:.7rem;font-weight:500;line-height:1.2;word-wrap:break-word;max-width:100%;color:var(--text-color)}.tray-card.active span{color:var(--brand-mint, var(--brand-green));font-weight:600}.tray-lock{position:absolute;top:-6px;right:-6px;font-size:12px;background:var(--bg-color);border-radius:50%;padding:2px}.mobile-board-sub-tray.mobile-sidebar-shell{max-height:72dvh;display:flex;flex-direction:column}.mobile-sidebar-shell .mobile-board-sub-tray-content{max-height:calc(72dvh - 70px);display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-bottom:8px}.mobile-sidebar-shell .sub-tray-option-btn.locked{opacity:.5;cursor:not-allowed}.mobile-sidebar-shell .sub-tray-option-btn.locked:hover{background:#ffffff05;border-color:#ffffff0a;color:#ffffffb3;transform:none}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.user-profile-container{position:relative;display:inline-block}.user-profile-toggle{display:flex;align-items:center;justify-content:flex-end;gap:12px;background:var(--bg-color);border:1px solid var(--border-color);padding:6px 6px 6px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:fit-content}.user-profile-toggle:hover{background-color:var(--halo-bg);border-color:var(--brand-green);border-width:2px;padding:5px 5px 5px 15px;box-shadow:0 0 15px var(--halo-glow);opacity:1}.user-info-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2;flex:1}.user-name{color:var(--text-color);font-weight:700;font-size:.85rem;white-space:nowrap;display:block}.user-role{color:var(--text-color);opacity:.6;font-size:.7rem;font-weight:400;margin-top:1px;white-space:nowrap;display:block}.user-avatar{width:32px;height:32px;background-color:var(--halo-bg);color:var(--brand-green);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0;box-shadow:0 0 12px var(--halo-glow);border:1px solid color-mix(in srgb,var(--brand-green),transparent 60%)}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:240px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0003;padding:8px;z-index:1000}.user-dropdown-menu::-webkit-scrollbar{width:6px}.user-dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.user-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#fff3}.impersonation-section-title{color:var(--brand-green)!important;opacity:.85!important;font-family:JetBrains Mono,monospace;font-size:.62rem!important;letter-spacing:.5px;padding:4px 12px 6px!important}.dropdown-impersonation-container{padding:4px 12px 8px;width:100%;box-sizing:border-box;position:relative}.dropdown-impersonation-container #impersonation-select-menu{width:100%}.dropdown-impersonation-container .custom-dropdown-menu{top:-150px!important;right:calc(100% + 10px)!important;left:auto!important;width:250px!important;max-height:50vh!important}.impersonation-menu-active{display:flex;flex-direction:column;gap:8px}.impersonation-menu-label{font-size:.78rem;color:var(--text-color);opacity:.8;line-height:1.3}.impersonation-menu-stop-btn{width:100%!important;padding:8px 12px!important;background:#ef44441a!important;color:var(--brand-red, #ef4444)!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:8px!important;font-weight:800!important;min-height:auto!important;font-size:.75rem!important;text-transform:uppercase;letter-spacing:.5px}.impersonation-menu-stop-btn:hover{background:var(--brand-red, #ef4444)!important;color:#fff!important;border-color:var(--brand-red, #ef4444)!important;box-shadow:0 0 10px #ef444440!important}.dropdown-header{padding:8px 12px;font-size:.65rem;font-weight:800;color:var(--text-color);opacity:.5;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;color:var(--text-color);font-size:.85rem;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.dropdown-item.static{cursor:default;background-color:var(--border-color);opacity:.8;border:1px solid var(--border-color)}.dropdown-item.static:hover{background-color:var(--border-color)}.dropdown-divider{height:1px;background-color:var(--border-color);margin:8px 0}.dropdown-item.name-display{font-weight:700}.bank-details-display{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:auto;padding:10px 12px}.bank-details-display span{font-size:.75rem;opacity:.85}.bank-details-display .bank-empty{opacity:.6}.role-label{font-size:.78rem}.user-avatar svg{opacity:.9}.bank-hint-glow{animation:pulse-glow-brand 2s infinite!important;border-color:var(--brand-green)!important}@keyframes pulse-glow-brand{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.bank-details-hint-dialog{position:absolute;top:calc(100% + 14px);right:-5px;background:var(--bg-color);border:1px solid var(--brand-green);border-radius:12px;padding:12px 16px;box-shadow:0 8px 25px #0000004d,0 0 15px #10b98133;z-index:1001;display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:180px;animation:slide-up-fade .3s ease-out;cursor:pointer}.bank-details-hint-dialog .hint-pointer{position:absolute;top:-6px;right:15px;width:10px;height:10px;background:var(--bg-color);border-top:1px solid var(--brand-green);border-left:1px solid var(--brand-green);transform:rotate(45deg)}.bank-details-hint-dialog .hint-text-en{font-size:.85rem;font-weight:800;color:var(--text-color);margin-bottom:4px}.bank-details-hint-dialog .hint-text-kn{font-size:.75rem;font-weight:400;color:var(--brand-green)}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hub-management-container{padding:32px;width:100%;margin:0;animation:fadeIn .4s ease-out}.header-info h1{font-size:1.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:0 0 4px;color:var(--brand-green)}.header-info p{color:var(--text-color);opacity:.6;font-size:.9rem;margin:0}.hubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-height:calc(100vh - 280px);overflow-y:auto;padding-right:8px;padding-bottom:24px}.hubs-grid::-webkit-scrollbar{width:6px}.hubs-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.hubs-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.hubs-grid::-webkit-scrollbar-thumb:hover{background:var(--brand-green)}.hub-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:20px;padding:24px;position:relative;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;min-height:160px}.hub-card:hover{transform:translateY(-5px);border-color:var(--brand-mint);box-shadow:0 10px 30px #0000001a}.status-badge.active{background:#22c55e1a;color:var(--priority-low)}.status-badge.maintenance{background:#eab3081a;color:var(--priority-medium)}.status-badge.inactive{background:#ef44441a;color:var(--brand-red)}.hub-code-tag{display:inline-block;background:var(--halo-bg);color:var(--brand-green);padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700;border:1px solid color-mix(in srgb,var(--brand-green),transparent 80%);margin-bottom:12px}.hub-card h3{margin:0 0 12px;font-size:1.2rem;font-weight:800;text-transform:uppercase;color:var(--brand-green)}.hub-card .hub-city{font-size:.85rem;opacity:.7;margin-bottom:20px}.edit-btn,.delete-btn{padding:8px;min-width:36px;height:36px;font-size:1.2rem;line-height:1}.hub-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.status-badge{display:inline-block;margin-bottom:12px;padding:4px 8px;border-radius:4px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;position:absolute;top:24px;right:24px}.hubs-list-view{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;max-height:calc(100vh - 280px);overflow-y:auto;animation:fadeIn .3s ease-out}.hubs-list-view::-webkit-scrollbar{width:6px}.hubs-list-view::-webkit-scrollbar-track{background:transparent}.hubs-list-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.hubs-list-view::-webkit-scrollbar-thumb:hover{background:var(--brand-green)}.management-table{width:100%;border-collapse:collapse;font-size:.9rem}.management-table th{text-align:left;padding:16px 20px;background:var(--panel-bg);border-bottom:2px solid var(--border-color);color:var(--text-color);opacity:.9;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:sticky;top:0;z-index:10}.management-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);vertical-align:middle}.management-table tr:last-child td{border-bottom:none}.management-table tr:hover{background:#ffffff05}.name-cell{font-weight:700;color:var(--brand-green);font-size:1rem}.status-pill{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase}.status-pill.active{background:#22c55e26;color:var(--priority-low);border:1px solid rgba(34,197,94,.3)}.status-pill.maintenance{background:#eab30826;color:var(--priority-medium);border:1px solid rgba(234,179,8,.3)}.status-pill.inactive{background:#ef444426;color:var(--brand-red);border:1px solid rgba(239,68,68,.3)}.table-actions{display:flex;gap:8px;justify-content:flex-end}.icon-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1rem}.icon-btn:hover{background:#ffffff0d;border-color:var(--brand-green);color:var(--brand-green);transform:translateY(-2px)}.icon-btn.delete:hover{border-color:var(--brand-red);color:var(--brand-red)}.code-font{font-family:JetBrains Mono,monospace;font-size:.8rem;background:#ffffff0d;padding:2px 6px;border-radius:4px}@media screen and (max-width:1280px){.hub-management-container{padding:24px}.hubs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:calc(100vh - 240px)}}@media screen and (max-width:1024px){.hubs-list-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.management-table{min-width:900px}.hubs-grid{max-height:none}}@media screen and (max-width:768px){.hub-management-container{padding:16px}.hubs-grid{grid-template-columns:1fr;gap:16px}.hub-card{padding:20px}.hub-card h3{font-size:1.1rem}}.task-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:20px;z-index:9999;animation:modalFadeIn .3s ease-out;overflow:hidden}.task-modal-content{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-squircle);width:95%;max-width:500px;max-height:min(90dvh,800px);min-height:0;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden}.task-modal-overlay.large-modal .task-modal-content{max-width:800px}.task-modal-overlay.xl-modal .task-modal-content{max-width:1400px;width:95vw;height:95dvh;max-height:95dvh}.task-modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.task-modal-header h2{margin:0;font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--brand-green);white-space:normal;line-height:1.2}@media screen and (max-width:480px){.task-modal-overlay{align-items:flex-end;padding:0}.task-modal-content{width:100%;max-width:100%;height:auto;max-height:92dvh;border-radius:var(--radius-squircle) var(--radius-squircle) 0 0;margin:0;border-bottom:none;border-left:none;border-right:none}.task-modal-header{padding:6px 12px;border-bottom-width:1px}.task-modal-header h2{font-size:.9rem;letter-spacing:.5px}.close-modal-btn{font-size:1.5rem;width:24px;height:24px}}.close-modal-btn{background:transparent;border:none;outline:none;box-shadow:none;font-size:2rem;color:var(--text-color);opacity:.5;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;height:32px;width:32px;padding:0}.close-modal-btn:hover,.close-modal-btn:focus,.close-modal-btn:active{opacity:1;background:transparent;border:none;outline:none;box-shadow:none}.task-modal-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0}.task-modal-quick-actions{padding:12px 24px 0;display:flex;justify-content:flex-end;background:var(--surface-card)}@media screen and (max-width:480px){.task-modal-quick-actions{padding:6px 16px 0}.task-modal-quick-actions .halo-button{font-size:.65rem;padding:3px 8px;height:24px;letter-spacing:.3px}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.conflict-intro{margin-bottom:24px;opacity:.8;font-size:.95rem;line-height:1.5}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.back-to-list{background:none;border:none;color:var(--brand-green);font-weight:700;cursor:pointer;padding:8px 0;font-size:.9rem;display:flex;align-items:center;gap:10px;transition:transform .2s}.back-to-list:hover{transform:translate(-4px)}.comparison-container{flex:1;overflow-y:auto;margin-bottom:24px;padding-right:4px}.comparison-legend{font-size:.85rem;opacity:.5;margin-bottom:16px;text-align:center;font-style:italic}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.comparison-table th,.comparison-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.95rem}.comparison-table th{background:#ffffff0d;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--brand-green);font-weight:800}.comparison-table tr:last-child td{border-bottom:none}.field-label{font-weight:700;color:var(--text-color);opacity:.9;background:#ffffff03}.has-difference{background:#2dd4bf0f}.has-difference .field-label{color:var(--brand-green)}.val-new{color:var(--brand-green);font-weight:600;border-left:1px solid var(--border-color)}.val-old{opacity:.6;border-left:1px solid var(--border-color)}.conflict-flow-dual{display:grid;grid-template-columns:280px 1fr;gap:24px}.option-box{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease}.option-box h4{margin:0 0 12px;font-size:1.1rem;color:var(--brand-green);font-weight:700}.conflict-tiles-grid{display:flex;flex-direction:column;gap:12px;max-height:480px;overflow-y:auto;padding-right:8px;margin-bottom:24px}.conflict-tile{display:flex;align-items:center;gap:16px;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:14px 18px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.conflict-tile:hover{border-color:var(--brand-green);transform:translateY(-2px)}.conflict-tile.selected{border-color:var(--brand-green);background:#2dd4bf14;box-shadow:0 4px 20px #0003}.tile-main{flex:1}.merge-summary{margin:8px 0;font-size:.9rem}.merge-meta{font-size:.8rem;opacity:.6}.review-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:10px;font-size:.75rem;font-weight:800;cursor:pointer;transition:all .2s}.review-btn:hover{background:var(--brand-green);color:#000;border-color:var(--brand-green)}.conflict-pick-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.comparison-container::-webkit-scrollbar,.conflict-tiles-grid::-webkit-scrollbar{width:6px}.comparison-container::-webkit-scrollbar-thumb,.conflict-tiles-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.conflict-tile-actions{display:flex;gap:8px;margin-top:8px}.btn-keep-both{flex:1;background-color:transparent!important;border:1px solid var(--brand-green)!important}.u-w-20{width:20%}.u-w-40{width:40%}.u-flex-1{flex:1}.csv-import-btn.import-success{border-color:#22c55e!important;color:#22c55e!important;box-shadow:0 0 8px #22c55e40!important}.csv-import-btn.import-error{border-color:#ef4444!important;color:#ef4444!important;box-shadow:0 0 8px #ef444440!important}.master-page-header{margin-bottom:24px;display:flex;flex-direction:column;gap:12px;width:100%;transition:all .4s cubic-bezier(.19,1,.22,1)}.master-page-header .header-row-1 h1{margin:0;font-size:1.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-green);line-height:1.2}.master-page-header .header-row-2 p{margin:0;color:var(--text-color);opacity:.65;font-size:.95rem;line-height:1.5;max-width:100%}.master-header-actions-row,.expanded-menu-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:nowrap;width:100%}.expanded-menu-row{padding:12px 16px;background:transparent;border:1px solid color-mix(in srgb,var(--brand-green),transparent 85%);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .2s ease-out;position:relative;margin-top:16px;top:auto;left:auto;z-index:10;width:100%;box-shadow:0 10px 40px #0000004d,0 0 15px #00ff870d;display:flex;align-items:center;gap:24px}.mobile-menu-header{display:none}.master-header-left,.master-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.master-header-left{position:relative}.menu-trigger-btn{gap:8px;min-width:100px;color:var(--text-color);opacity:.7}.menu-trigger-btn .menu-icon{font-size:.7rem;transition:transform .2s;color:var(--brand-green)}.menu-trigger-btn.active .menu-icon{transform:rotate(0)}.menu-trigger-btn.active{color:var(--text-color);opacity:1}.menu-trigger-btn.active:hover{color:var(--text-color)}.master-header-actions-row .halo-button,.expanded-menu-row .halo-button{padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.expanded-menu-row .master-header-left{flex:1;min-width:0}.expanded-menu-row .master-header-right{flex:0 0 auto;min-width:220px;max-width:300px;flex-direction:column;align-items:stretch}.master-header-left .view-mode-toggle{margin-right:4px}.mobile-action-tray{display:none}@media(max-width:1024px){.master-page-header .header-row-1 h1{font-size:1.25rem;text-align:center;width:100%;opacity:.9;text-shadow:0 0 20px var(--halo-glow)}.master-page-header .header-row-2,.master-header-actions-row{display:none}.expanded-menu-row{position:relative;top:auto;left:auto;right:auto;z-index:10;margin-top:12px;margin-bottom:12px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-squircle);box-shadow:none;max-height:none;overflow:visible;overflow-y:visible;-webkit-overflow-scrolling:auto;display:flex;flex-direction:column;align-items:stretch;gap:16px;animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;will-change:auto;backface-visibility:visible}@keyframes slidePaneDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-bottom:12px}.master-page-header.header-hidden{transform:translateY(-110%);opacity:0;pointer-events:none;z-index:2000;transition:transform .4s cubic-bezier(.32,0,.67,0),opacity .4s ease}.expanded-menu-row .master-header-left,.expanded-menu-row .master-header-right{flex-direction:column;align-items:stretch;width:100%;max-width:none;gap:16px;flex-shrink:0}.master-header-left .view-mode-toggle{margin-right:0;width:100%}.expanded-menu-row .view-toggle-btn,.expanded-menu-row .toggle-depri-btn,.expanded-menu-row .clear-board-btn,.expanded-menu-row .halo-button,.expanded-menu-row .master-action-btn{color:#fff}.expanded-menu-row .view-toggle-btn.active,.expanded-menu-row .toggle-depri-btn.active{color:var(--brand-mint)}@media screen and (max-width:360px){.expanded-menu-row{padding:calc(var(--safe-top, 0px) + 16px) 12px 24px 12px;gap:12px;max-height:90vh}.master-header-left,.master-header-right{gap:12px}}.master-page-header{padding-top:12px;margin-bottom:16px}.master-page-header.is-sticky{position:sticky;top:0;z-index:2000;background:var(--bg-color);margin-bottom:0;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.mobile-action-tray{display:block;position:fixed;bottom:0;left:0;right:0;padding-bottom:calc(100px + var(--safe-bottom, 0px));margin-bottom:-100px;background:color-mix(in srgb,var(--bg-color),transparent 10%);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;z-index:4001;transition:transform .4s cubic-bezier(.19,1,.22,1);box-shadow:0 -6px 24px #00000040}.mobile-action-tray-container{display:flex;justify-content:space-around;align-items:center;height:64px;padding:0 8px;width:100%;box-sizing:border-box}.mobile-action-tray.tray-hidden{transform:translateY(110%);transition:transform .4s cubic-bezier(.32,0,.67,0)}.mobile-action-tray .nav-item{border:none;box-sizing:border-box;background:transparent;color:var(--text-color);opacity:.6;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-action-tray .nav-item.active{border:none;background:transparent;opacity:1;color:var(--brand-mint)}.mobile-action-tray .nav-item.active .icon-wrapper{background:var(--halo-bg);box-shadow:0 0 10px var(--halo-glow);border-radius:50%}@media screen and (max-width:360px){.mobile-action-tray-container{padding:0 .5rem}}@media screen and (max-width:330px){.mobile-action-tray-container{padding:0 .25rem}.mobile-action-tray .nav-item .standard-icon{width:18px!important;height:18px!important}}}body.no-scroll{overflow:hidden;touch-action:none}.mobile-board-sub-tray{position:fixed;left:16px;right:16px;width:calc(100% - 32px);background:#0f0f0fd9;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;z-index:4000;box-shadow:0 20px 50px #000000b3;animation:slideUpSubTray .3s cubic-bezier(.19,1,.22,1);transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .4s ease,bottom .4s cubic-bezier(.19,1,.22,1)}.mobile-layout[data-view-state=home] .mobile-board-sub-tray,.mobile-layout[data-view-state=vertical] .mobile-board-sub-tray{bottom:calc(80px + var(--safe-bottom, 0px))}.mobile-board-sub-tray.tray-hidden{transform:translateY(150%);opacity:0;pointer-events:none}@keyframes slideUpSubTray{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-board-sub-tray-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-board-sub-tray-header h4{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-green)}.sub-tray-close-btn{background:none;border:none;color:#fff6;font-size:1rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.sub-tray-close-btn:hover{color:#fffc}.mobile-board-sub-tray-content{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.sub-tray-option-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;color:#ffffffb3;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sub-tray-option-btn:hover,.sub-tray-option-btn.active{background:#2dd4bf14;border-color:#2dd4bf33;color:var(--brand-green)}.sub-tray-option-btn.active{font-weight:600}.sub-tray-option-btn .active-dot{width:6px;height:6px;background:var(--brand-green);border-radius:50%;box-shadow:0 0 10px var(--brand-green)}.sub-tray-backdrop{position:fixed;inset:0;z-index:3999;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;animation:fadeInSubTrayBackdrop .2s ease-out}@keyframes fadeInSubTrayBackdrop{0%{opacity:0}to{opacity:1}}.mobile-menu-sidebar-filters{width:100%;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.mobile-sub-tray-expanded-actions{width:100%}.sub-tray-section-title{margin:12px 0 6px 4px;font-size:.75rem;text-transform:uppercase;color:var(--brand-green);opacity:.8;font-weight:700;letter-spacing:.5px}.expanded-actions-list{display:flex;flex-direction:column;gap:8px;width:100%}.expanded-actions-list .csv-import-wrapper{width:100%}.expanded-actions-list .halo-button,.expanded-actions-list .csv-import-btn,.expanded-actions-list .csv-download-btn,.expanded-actions-list button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;color:#ffffffb3;font-size:.9rem;font-weight:500;text-align:left;text-transform:none;letter-spacing:normal;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:44px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.expanded-actions-list .halo-button:hover,.expanded-actions-list .csv-import-btn:hover,.expanded-actions-list .csv-download-btn:hover,.expanded-actions-list button:hover{background:#2dd4bf14;border-color:#2dd4bf33;color:var(--brand-green);box-shadow:0 0 10px #2dd4bf1a}.expanded-actions-list .halo-button:after,.expanded-actions-list .csv-import-btn:after,.expanded-actions-list .csv-download-btn:after{content:"→";font-size:1rem;color:inherit;opacity:.6;transition:transform .2s ease}.expanded-actions-list .halo-button:hover:after,.expanded-actions-list .csv-import-btn:hover:after,.expanded-actions-list .csv-download-btn:hover:after{transform:translate(2px);opacity:1}.expanded-actions-list .halo-button input[type=file]{display:none!important}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:2005;display:none;background:color-mix(in srgb,var(--bg-color),transparent 10%);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;box-shadow:0 -6px 24px #00000040;transition:transform .5s cubic-bezier(.19,1,.22,1);padding-bottom:var(--safe-bottom, 0px);height:calc(64px + var(--safe-bottom, 0px))}.bottom-nav.has-search{height:calc(118px + var(--safe-bottom, 0px))}.bottom-nav-search-wrapper{padding:8px 16px 0;width:100%}.bottom-nav-hidden{transform:translateY(115%);pointer-events:none;transition:transform .4s cubic-bezier(.32,0,.67,0)}.bottom-nav-backdrop{position:fixed;inset:0;background:#00000080;z-index:3999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .3s ease}.bottom-nav.overlay-mode{display:block;z-index:4005;transform:translateY(calc(-76px - var(--safe-bottom, 0px)));left:16px;right:16px;width:calc(100% - 32px);height:60px;padding-bottom:0;border-radius:20px;background:#0f0f0fd9;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #000000b3}.bottom-nav.overlay-mode .nav-item{height:100%;justify-content:center;gap:2px;padding:2px 0}.bottom-nav.overlay-mode .nav-item .icon-wrapper{padding:6px}@media screen and (min-width:769px){.bottom-nav{display:none!important}}@media screen and (max-width:768px){.bottom-nav{display:block}}.bottom-nav-container{display:flex;height:64px;width:100%;justify-content:space-around;align-items:center;padding:0 8px}.bottom-nav.overlay-mode .bottom-nav-container{height:60px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-color);opacity:.6;gap:4px;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;min-width:0;border-radius:var(--radius-button)}.nav-item .icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .3s ease}.nav-item .nav-icon{width:20px;height:20px;stroke-width:1.8}.nav-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.nav-item.active{opacity:1;color:var(--brand-mint)}.nav-item.active .icon-wrapper{background:var(--halo-bg);box-shadow:0 0 10px var(--halo-glow)}@media screen and (max-width:480px){.nav-item{margin:1px}.nav-label{font-size:.6rem}.nav-item .icon-wrapper{padding:6px}}@media screen and (max-width:340px){.nav-label{font-size:.52rem}.nav-item .icon-wrapper .standard-icon{width:18px!important;height:18px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.config-bottom-nav{z-index:4001}.rbac-manage-btn{border-color:color-mix(in srgb,var(--brand-amber),transparent 55%)!important;color:var(--brand-amber)!important;background:color-mix(in srgb,var(--brand-amber),transparent 94%)!important;box-shadow:0 0 4px color-mix(in srgb,var(--brand-amber),transparent 88%)!important;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:.7rem}background: color-mix(in srgb,var(--brand-amber),transparent 88%) !important; border-color: var(--brand-amber) !important; box-shadow: 0 0 14px color-mix(in srgb,var(--brand-amber),transparent 80%) !important; } .rbac-chevron{font-size:.75rem;display:inline-block;transition:transform .2s ease;opacity:.75;line-height:1}.rbac-chevron--open{transform:rotate(180deg)}.rbac-access-group{position:relative;display:inline-flex;align-items:center}.rbac-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-color, #09090b);border:1px solid color-mix(in srgb,var(--brand-amber),transparent 70%);border-radius:12px;padding:8px;z-index:1200;box-shadow:0 8px 32px color-mix(in srgb,#000,transparent 50%),0 0 12px color-mix(in srgb,var(--brand-amber),transparent 92%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rbac-dropdown-in .15s ease}@keyframes rbac-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rbac-dropdown-header{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--brand-amber);opacity:.6;padding:4px 8px 6px;margin:0 0 4px;border-bottom:1px solid color-mix(in srgb,var(--text-color),transparent 95%)}.rbac-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text-color, #f4f4f5);font-size:.8rem;font-weight:600;text-align:left;transition:background .15s ease,color .15s ease}.rbac-dropdown-item:hover{background:color-mix(in srgb,var(--brand-amber),transparent 92%);color:var(--brand-amber)}.rbac-item-icon{font-size:.85rem;opacity:.75;flex-shrink:0}.rbac-item-label{flex:1}@media screen and (max-width:768px){.rbac-manage-btn{font-size:.65rem;padding:6px 10px}.rbac-dropdown-menu{right:0;left:auto;min-width:200px}}@media screen and (max-width:1024px){.hubs-list-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.management-table{min-width:800px}}@media screen and (max-width:768px){.management-view-header{margin-bottom:24px}.management-table th,.management-table td{padding:12px 16px}}.assignee-selector-container{position:relative;width:100%;-webkit-user-select:none;user-select:none}.assignee-selector-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--halo-bg, rgba(255, 255, 255, .03));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-button, 8px);padding:clamp(10px,1.5vh,14px) clamp(12px,2vw,18px);color:var(--text-color);font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;min-height:48px}.assignee-selector-trigger:hover{background:#ffffff0d;border-color:var(--brand-green-alpha, rgba(0, 255, 157, .3))}.assignee-selector-trigger.disabled{opacity:.5;cursor:not-allowed}.assignee-selector-container.open .dropdown-arrow{transform:rotate(180deg)}.assignee-dropdown-menu{@extend .custom-dropdown-menu;}.assignee-dropdown-menu{display:flex;flex-direction:column}.assignee-name{font-size:.95rem;color:#ffffffe6}.no-assignees{padding:15px;text-align:center;opacity:.5;font-style:italic}.load-others-btn{width:100%;padding:10px;background:#ffffff08;border:none;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);color:var(--brand-green);font-size:.75rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.load-others-btn:hover{background:rgba(var(--brand-green-rgb),.05);letter-spacing:1px}.fade-in{animation:assigneeFadeIn .2s ease-out}@keyframes assigneeFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0}.template-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;transition:all .2s ease}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.template-card.inactive{opacity:.6}.template-header{display:flex;justify-content:space-between;align-items:center}.template-frequency{background:color-mix(in srgb,var(--brand-green),transparent 90%);color:var(--brand-green);border:1px solid color-mix(in srgb,var(--brand-green),transparent 70%);font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.template-title{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-color)}.template-desc{font-size:.85rem;color:var(--text-color);opacity:.7;flex-grow:1;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-meta{display:flex;flex-direction:column;gap:4px;font-size:.8rem;background:var(--halo-bg);padding:.5rem;border-radius:6px;border:1px solid var(--border-color)}.template-actions .halo-button{width:36px;height:36px;padding:8px;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.template-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.template-modal{max-width:600px}.icon-btn.test{background:#0000000d;color:var(--text-color);opacity:.6}.icon-btn.test:hover{background:var(--border-color);color:var(--text-color);opacity:1;transform:scale(1.1)}.status-message{padding:12px;border-radius:8px;margin-top:15px;font-size:.9rem;font-weight:500;text-align:center}.status-message.success{background:#10b9811a;color:var(--brand-green);border:1px solid var(--brand-green)}.status-message.error{background:var(--badge-red-bg);color:var(--brand-red);border:1px solid var(--brand-red)}.status-pill.success{background:var(--brand-green);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;animation:fadeInPill .3s ease}@keyframes fadeInPill{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{padding:40px;text-align:center;color:var(--brand-green);font-weight:600}@media screen and (max-width:1280px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media screen and (max-width:768px){.templates-grid{grid-template-columns:1fr;gap:1rem}.template-card{padding:1.25rem}.template-title{font-size:1rem}}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.rejection-form{padding:0;display:flex;flex-direction:column;gap:1.5rem}.rejection-form .form-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.rejection-form label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--brand-mint);letter-spacing:.5px}.rejection-feedback-hint{font-size:.85rem;opacity:.7;margin:4px 0 12px;line-height:1.5}.rejection-textarea{width:100%;min-height:120px;resize:vertical;background:var(--halo-bg);border:1px solid var(--border-color);border-radius:var(--radius-button);padding:14px;color:var(--text-color);font-family:var(--font-main);font-size:.95rem;outline:none;transition:all .3s ease}.rejection-textarea:focus{border-color:var(--brand-red, #ef4444);background:#ef44440d;box-shadow:0 0 15px #ef444426}.rejection-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.rejection-actions .cancel-btn{background:transparent;border-color:transparent;opacity:.7}.rejection-actions .cancel-btn:hover{opacity:1;background:#ffffff0d}.rejection-actions .confirm-reject-btn{background:var(--brand-red, #ef4444)!important;border-color:var(--brand-red, #ef4444)!important;color:#fff!important;box-shadow:0 0 15px #ef444433}.rejection-actions .confirm-reject-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.rejection-actions .confirm-reject-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.submission-history{padding-top:0}.submission-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.submission-history-title{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-mint);display:flex;align-items:center;gap:.5rem}.submission-count-badge{background:color-mix(in srgb,var(--brand-mint),transparent 85%);color:var(--brand-mint);border:1px solid color-mix(in srgb,var(--brand-mint),transparent 60%);padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:800}.timeline-container{display:flex;flex-direction:column;padding-left:10px;position:relative}.submission-item{display:flex;gap:1.5rem;position:relative;min-height:40px}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0;padding-top:6px}.status-node{width:12px;height:12px;border-radius:50%;background:var(--border-color);z-index:2;border:2px solid var(--bg-color);transition:all .3s ease}.status-node.pending{background:var(--priority-medium);box-shadow:0 0 8px var(--priority-medium)}.status-node.approved{background:var(--brand-green);box-shadow:0 0 8px var(--brand-green)}.status-node.rejected{background:var(--priority-urgent);box-shadow:0 0 8px var(--priority-urgent)}.timeline-line{width:2px;flex:1;background:color-mix(in srgb,var(--brand-mint),transparent 85%);margin:4px 0}.submission-content{flex:1;padding-bottom:1.5rem}.submission-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.submission-summary-row:hover{background:#ffffff0d;border-color:var(--brand-mint)}.summary-left,.summary-right{display:flex;align-items:center;gap:12px}.submission-status-badge.minified{padding:1px 6px;font-size:.55rem}.submission-card{background:var(--halo-bg);border:1px solid var(--border-color);border-radius:var(--radius-button);padding:clamp(12px,2vw,16px);transition:all .2s ease;box-shadow:var(--shadow-premium)}.submission-card-header{cursor:pointer}.submission-card:hover{border-color:color-mix(in srgb,var(--brand-mint),transparent 50%)}.submission-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.submission-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.submission-number-badge{background:color-mix(in srgb,var(--brand-mint),transparent 85%);color:var(--brand-mint);border:1px solid color-mix(in srgb,var(--brand-mint),transparent 60%);padding:2px 8px;border-radius:20px;font-size:.6rem;font-weight:800}.submission-submitter{font-size:.75rem;font-weight:700;color:var(--text-color)}.submission-timestamp{font-size:.65rem;opacity:.5;font-weight:500}.submission-comment-text{font-size:.85rem;line-height:1.6;color:var(--text-color);opacity:.85;margin-bottom:.75rem;white-space:pre-wrap}.submission-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.submission-attachment-thumb{width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.submission-attachment-thumb:hover{transform:scale(1.1);border-color:var(--brand-mint);box-shadow:0 0 10px var(--halo-glow)}.submission-attachment-file{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;font-size:.7rem;font-weight:600;color:var(--brand-mint);cursor:pointer;text-decoration:none;transition:all .2s ease}.submission-attachment-file:hover{background:var(--halo-bg);border-color:var(--brand-mint)}.submission-card-actions{display:flex;gap:.5rem;align-items:center;padding-top:.5rem;border-top:1px dashed var(--border-color)}.submission-approve-btn,.submission-reject-btn{background:transparent;border:1px solid var(--border-color);padding:4px 12px;border-radius:var(--radius-button);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;font-family:inherit}.submission-approve-btn{color:var(--brand-green);border-color:color-mix(in srgb,var(--brand-green),transparent 60%)}.submission-approve-btn:hover{background:color-mix(in srgb,var(--brand-green),transparent 85%);border-color:var(--brand-green)}.submission-reject-btn{color:var(--priority-urgent);border-color:color-mix(in srgb,var(--priority-urgent),transparent 60%)}.submission-reject-btn:hover{background:color-mix(in srgb,var(--priority-urgent),transparent 85%);border-color:var(--priority-urgent)}.submission-history .submission-status-badge{padding:3px 8px;border-radius:20px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.submission-history .submission-status-badge.pending{color:var(--priority-medium);background:color-mix(in srgb,var(--priority-medium),transparent 88%);border:1px solid color-mix(in srgb,var(--priority-medium),transparent 60%)}.submission-history .submission-status-badge.approved{color:var(--brand-green);background:color-mix(in srgb,var(--brand-green),transparent 88%);border:1px solid color-mix(in srgb,var(--brand-green),transparent 60%)}.submission-history .submission-status-badge.rejected{color:var(--priority-urgent);background:color-mix(in srgb,var(--priority-urgent),transparent 88%);border:1px solid color-mix(in srgb,var(--priority-urgent),transparent 60%)}.submission-empty-state{text-align:center;padding:1.5rem;font-size:.8rem;opacity:.4;font-weight:600}.submission-loading{text-align:center;padding:1rem;font-size:.8rem;opacity:.5;color:var(--brand-mint)}.hub-selector-container{position:relative;width:100%;-webkit-user-select:none;user-select:none}.selector-backdrop{position:fixed;inset:0;background:transparent;z-index:998}.hub-selector-container .hub-selector-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:none;padding:0;color:var(--brand-green);font-weight:600;font-size:.95rem;cursor:pointer;min-height:unset}.hub-selector-trigger.disabled{opacity:.5;cursor:not-allowed}.selected-count{font-size:.9rem;font-weight:500;color:var(--brand-green, #00ff9d)}.dropdown-arrow{font-size:.8rem;opacity:.5;transition:transform .2s ease}.hub-selector-container.open .dropdown-arrow{transform:rotate(180deg)}.hub-info{display:flex;flex-direction:column;gap:2px}.hub-code{font-family:JetBrains Mono,monospace;font-size:.7rem;background:#ffffff1a;padding:1px 4px;border-radius:3px;width:fit-content;color:var(--text-secondary)}.hub-name{font-size:.9rem;color:#ffffffe6}.no-hubs{padding:15px;text-align:center;opacity:.5;font-style:italic;font-size:.85rem}.anon-toggle-wrapper{display:flex;flex-direction:column;gap:4px}.anon-toggle-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.anon-toggle-label{font-size:.85rem;font-weight:500;color:var(--text-color);cursor:pointer}.anon-toggle-description{font-size:.7rem;color:var(--text-secondary);opacity:.7}@media screen and (max-width:480px){.anon-toggle-label{font-size:.75rem}.anon-toggle-description{font-size:.65rem}}@media screen and (max-width:380px){.anon-toggle-label{font-size:.65rem}.anon-toggle-description{font-size:.58rem}}@media screen and (max-width:320px){.anon-toggle-label{font-size:.58rem}.anon-toggle-description{font-size:.52rem}}.switch{position:relative;display:inline-block;width:36px;height:18px}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s cubic-bezier(.4,0,.2,1);border-radius:34px}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%}input:checked+.slider:before{transform:translate(18px)}input:disabled+.slider{opacity:.4;cursor:not-allowed}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.vertical-task-form .form-group label,.vertical-task-form .form-group label.anon-toggle-label{font-size:1.05rem;font-weight:600;text-transform:none;letter-spacing:normal;opacity:.8}@media screen and (max-width:480px){.vertical-task-form .form-group label,.vertical-task-form .form-group label.anon-toggle-label{font-size:.98rem}}@media screen and (max-width:380px){.vertical-task-form .form-group label,.vertical-task-form .form-group label.anon-toggle-label{font-size:.92rem}}@media screen and (max-width:320px){.vertical-task-form .form-group label,.vertical-task-form .form-group label.anon-toggle-label{font-size:.85rem}}.vertical-task-form select option{background:var(--bg-color);color:var(--text-color);padding:10px}.vertical-task-form{height:100%}.task-form-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border-color);flex-shrink:0;margin:0 0 1.25rem;padding:0;background:transparent;z-index:5}.vertical-task-form .proof-btn-inline{margin-left:auto;margin-right:12px;height:28px;padding:0 10px;font-size:.7rem;gap:4px;opacity:.8}.proof-btn-inline span{display:inline}@media screen and (max-width:480px){.proof-btn-inline span{display:none}.vertical-task-form .proof-btn-inline{margin-right:8px;width:32px;padding:0;justify-content:center}}.task-form-tab{padding:12px 24px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:var(--text-color);opacity:.5;background:transparent;border:none;font-family:inherit;display:flex;align-items:center;gap:8px}.task-form-tab:hover{opacity:.8;color:var(--brand-green)}.task-form-tab.active{opacity:1;color:var(--brand-green);border-bottom-color:var(--brand-green)}.task-form-tab .tab-count{background:color-mix(in srgb,var(--brand-green),transparent 85%);color:var(--brand-green);border:1px solid color-mix(in srgb,var(--brand-green),transparent 60%);padding:1px 6px;border-radius:4px;font-size:.65rem;font-family:JetBrains Mono,monospace;font-weight:800;min-height:18px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.form-footer.sticky{position:sticky;bottom:0;background:var(--surface-card);border-top:1px solid var(--border-color);padding:16px 24px;margin:0;z-index:10;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-tab-content{animation:tabFadeIn .3s ease-out}.form-footer.sticky .close-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);opacity:.6}.form-footer.sticky .close-btn:hover{opacity:1;background:#ffffff0d;border-color:var(--brand-green)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fanout-prediction-box{background:rgba(var(--brand-green-rgb),.08);border:1px dashed var(--brand-green);border-radius:12px;padding:15px;margin:20px 0;position:relative;z-index:5}.prediction-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--brand-green)}.prediction-header h4{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.prediction-content p{margin:4px 0;font-size:.88rem;line-height:1.4}.prediction-disclaimer{font-size:.75rem;opacity:.6;font-style:italic;margin-top:8px}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-scale-in{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.anim-slide-up{animation:slideUp .4s ease-out forwards}@media screen and (max-width:480px){.task-form-tabs{top:-10px;margin:-10px -14px 1.25rem;padding:10px 14px 0}.task-form-tab{padding:8px 12px;font-size:.7rem;gap:4px}.vertical-task-form .proof-btn-inline{background:transparent;background-color:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.task-form-tab .tab-count{padding:1px 5px;font-size:.55rem}.form-footer.sticky{padding:12px 16px}.tab-pane,.history-tab-content{gap:22px}.fanout-prediction-box{padding:8px;margin:10px 0;border-radius:8px}.prediction-header{gap:6px;margin-bottom:6px}.prediction-header h4{font-size:.8rem}.prediction-content p{font-size:.75rem}.prediction-disclaimer{font-size:.7rem}.orchestration-page .orchestration-list .form-group{flex-direction:column;align-items:stretch;padding:12px 0;gap:8px}.form-footer.sticky{flex-wrap:wrap;gap:8px;justify-content:flex-end}.form-footer.sticky .halo-button{font-size:.75rem;padding:0 12px;height:36px;min-width:80px}.form-footer.sticky button[key=back-btn]{margin-right:auto;width:auto}}.orchestration-page{padding:10px 0;position:relative;z-index:20}.orchestration-header{margin-bottom:20px}.orchestration-header h3{margin:0;color:var(--brand-green);font-size:1.1rem}.orchestration-header p{margin:4px 0 0;font-size:.85rem;opacity:.6}.orchestration-list{display:flex;flex-direction:column;gap:12px}.orchestration-list .form-group{flex-direction:row;align-items:center;justify-content:space-between;background:transparent;border:1px solid transparent;padding:10px 0;gap:16px;margin-bottom:0}.orchestration-list .form-group label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);opacity:.7;white-space:nowrap;margin:0}.orch-assignee-select{flex:0 0 240px;max-width:100%}@media screen and (max-width:480px){.orch-assignee-select{width:100%;flex:unset;min-width:unset}}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.hub-tile-meta{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.task-hub-badges{display:flex;flex-wrap:wrap;gap:4px}.hub-badge.multi-badge{border-style:solid}.task-card-master.is-subtask-render{margin-left:24px;opacity:.9;position:relative}.is-subtask-render:before{content:"";position:absolute;left:-12px;top:0;width:12px;height:20px;border-left:2px solid rgba(var(--brand-green-rgb),.3);border-bottom:2px solid rgba(var(--brand-green-rgb),.3);border-bottom-left-radius:8px}.filter-section{border-bottom:1px solid var(--border-color);transition:all .3s ease}.filter-group-header{display:flex;justify-content:space-between;align-items:center;padding:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--brand-green);letter-spacing:.5px}.filter-checkbox-group{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;padding:0 12px 16px;transition:opacity .2s ease}.filter-checkbox-group.hidden{display:none}.filter-checkbox-group.mobile-menu{max-height:none;overflow-y:visible}.filter-checkbox-item{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.85rem;color:var(--text-color);padding:4px 0}.filter-check-mark{width:16px;height:16px;border-radius:4px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-check-mark.selected{background-color:var(--brand-green);border-color:var(--brand-green)}.filter-actions-row{padding:0 12px 8px;display:flex;gap:12px}.filter-batch-btn{font-size:.65rem;font-weight:600;background:none;border:none;padding:0;cursor:pointer;opacity:.8}.filter-batch-btn.select-all{color:var(--brand-green)}.filter-batch-btn.clear{color:var(--brand-red)}.employee-tasks-btn-wrapper{padding:12px;margin-bottom:8px}.employee-tasks-nav-btn{width:100%}.sidebar-title-row{padding:16px 12px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);margin-bottom:12px}.sidebar-title-text{margin:0;font-weight:700;font-size:1rem;color:var(--text-color);letter-spacing:.5px}.sidebar-title-text.disabled{opacity:.5}.filters-reset-wrapper{display:flex;gap:4px}.sidebar-footer-info{margin-top:24px;opacity:.4}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1rem 0}.employee-card.task-card-master{min-height:160px}.employee-card.task-card-master .card-row-1{flex-wrap:wrap;overflow:visible}.employee-card.task-card-master.inactive{filter:grayscale(1);opacity:.5;border-left-color:var(--border-color)}.employee-card-name{font-size:1.1rem;font-weight:800;color:var(--text-color);line-height:1.2}.employee-card-contact{display:flex;flex-direction:column;gap:4px;line-height:1.4}.employee-list{display:flex;flex-direction:column;gap:12px;padding:1rem 0}.employee-list-row{min-height:unset}.col-identity{flex:0 1 230px}.col-org{flex:1 1 auto;min-width:150px}.col-contact{flex:0 1 200px}.management-info{padding-left:36px}.app-user-badge-mini{border-color:color-mix(in srgb,var(--brand-emerald),transparent 60%);color:var(--badge-green-text);background:var(--badge-green-bg)}.duplicate-badge-mini{border-color:var(--badge-amber-text);color:var(--badge-amber-text)}.app-user-badge-mini:hover{background:#ffffff14;box-shadow:0 0 10px var(--halo-glow)}.role-group-section{margin-bottom:2rem}.role-group-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem;font-weight:800;color:var(--brand-green);letter-spacing:.8px;text-transform:uppercase}.role-count{font-size:.7rem;font-weight:600;color:#ffffff4d;margin-left:8px;letter-spacing:0;text-transform:none}.role-group-header .role-select-btn.halo-button{padding:3px 10px;font-size:.65rem;width:auto;min-width:auto;height:auto;min-height:auto;background:#ffffff08;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.role-group-header .role-select-btn.halo-button:hover{background:#2dd4bf1a;transform:translateY(-1px)}.hub-select-mini{background:var(--panel-bg);color:inherit;border:none;outline:none;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit}.manager-info{font-weight:500;color:var(--brand-green);font-size:.75rem}.employee-management .status-toggle-btn{padding:2px 10px;font-size:.8rem;min-width:auto;font-weight:900}.section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--brand-green);margin-bottom:1.5rem}.empty-sub-state{padding:2rem;text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.05);border-radius:8px;font-size:.9rem;opacity:.5}.app-user-badge-mini,.bank-missing-badge-mini,.duplicate-badge-mini{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:900;text-transform:uppercase;height:18px;line-height:1;white-space:nowrap}.bank-missing-badge-mini{background-color:color-mix(in srgb,var(--brand-red),transparent 90%);color:var(--brand-red);border:1px solid color-mix(in srgb,var(--brand-red),transparent 60%)}.duplicate-badge-mini{background:var(--brand-amber);color:var(--color-white)}.employee-tree-container{padding:2rem 1rem;overflow-x:auto;min-height:500px}.tree-root-group{display:flex;flex-direction:column;gap:2rem}.card-container{position:relative}.tree-node-wrapper{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding-left:2rem;animation:fadeInTree .4s ease-out forwards}.tree-node-wrapper:before,.tree-node-wrapper:after{content:"";position:absolute;left:0;background:#ffffff1a}.tree-node-wrapper:before{top:0;bottom:0;width:2px}.tree-node-wrapper:after{top:35px;width:20px;height:2px}.tree-node-wrapper:last-child:before{height:35px}.tree-root>.tree-node-wrapper:before,.tree-root>.tree-node-wrapper:after{display:none}.tree-children{margin-left:3rem;margin-top:1rem;display:flex;flex-direction:column;gap:1rem;position:relative}.tree-toggle-btn{width:20px;height:20px;border-radius:4px;background:var(--halo-bg);border:1px solid var(--border-color);color:var(--brand-green);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tree-toggle-btn:hover{background:color-mix(in srgb,var(--brand-green),transparent 85%);border-color:var(--brand-green);box-shadow:0 0 8px var(--halo-glow)}.employee-tree-card{background:var(--halo-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:12px;min-width:320px;transition:all .2s;position:relative;overflow:hidden}.employee-tree-card:hover{background:#ffffff0d;border-color:#fff3}.employee-tree-card.is-current-user{border:2px solid var(--brand-green);background:var(--halo-bg);box-shadow:0 0 15px var(--halo-glow)}.tree-card-name{margin:0;font-size:1rem;font-weight:600;color:var(--color-white);display:flex;align-items:center;gap:8px}.employee-tree-card.is-accessible-reportee{border-color:color-mix(in srgb,var(--brand-emerald),transparent 60%);box-shadow:0 0 15px var(--halo-glow);background:var(--halo-bg)}.reportee-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color);font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:10px;min-width:18px;height:18px;text-align:center;opacity:.5;line-height:1}.current-user-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-green);color:var(--text-color);font-size:.65rem;font-weight:900;padding:2px 8px;border-radius:4px;height:18px;line-height:1}.tree-card-details{display:flex;gap:8px;margin-top:4px}.tree-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.employee-tree-card:hover .tree-card-actions{opacity:1}.show-others-btn{background:#ffffff05;border:1px dashed var(--border-color);color:var(--brand-green);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.show-others-btn:hover{background:var(--halo-bg);border-color:var(--brand-green);border-style:solid}.others-count{background:var(--brand-green);color:var(--text-color);padding:1px 5px;border-radius:4px;font-size:.65rem;font-weight:900}.others-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-top:1rem;border-bottom:1px dashed var(--border-color);width:100%;max-width:320px}.others-label{font-size:.75rem;font-weight:800;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.hide-others-link{background:var(--halo-bg);border:1px solid color-mix(in srgb,var(--brand-green),transparent 60%);color:var(--brand-green);font-size:.65rem;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:4px;transition:all .2s;box-shadow:0 0 3px var(--halo-glow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hide-others-link:hover{background:color-mix(in srgb,var(--brand-green),transparent 85%);border-color:var(--brand-green);box-shadow:0 0 10px var(--halo-glow);transform:translateY(-1px)}@keyframes fadeInTree{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:1400px){.list-row-inner{gap:1.25rem}.list-name{font-size:.95rem}.manager-info,.dept-badge,.hub-badge,.role-badge,.app-user-badge-mini,.bank-missing-badge-mini,.duplicate-badge-mini{font-size:.65rem;padding:2px 4px;letter-spacing:-.2px}.contact-item,.contact-item-id{font-size:.8rem}.email-id{font-size:.75rem}.col-identity{flex-basis:220px}.col-contact{flex-basis:180px}.col-org{flex-grow:1.2}}@media screen and (max-width:1024px){.employee-list-row{flex-wrap:wrap;gap:12px}.list-main-info,.list-meta-badges,.list-contact{width:100%}}@media screen and (max-width:768px){.employee-grid{grid-template-columns:1fr}.employee-card{min-height:auto;padding:1rem}}.card-remarks-dropdown{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:8px;animation:slideDownRemarks .2s ease-out;max-height:200px;overflow-y:auto}@keyframes slideDownRemarks{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.remark-summary-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;background:#ffffff05;border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;transition:all .2s}.remark-summary-item:hover{background:#ffffff0d;border-color:#ffffff26}.remark-summary-text{font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.remark-summary-meta{display:flex;align-items:center;gap:6px}.remark-empty-state{text-align:center;padding:12px;font-size:.78rem;opacity:.5;font-style:italic}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.employee-form-container{display:flex;flex-direction:column;gap:2rem;padding:1rem}.form-section-header{font-size:1.1rem;font-weight:700;color:var(--brand-green);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.form-section-header:before{content:"";width:4px;height:18px;background:var(--brand-green);border-radius:2px}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.employee-form .form-group{display:flex;flex-direction:column;gap:.5rem}.employee-form .form-group label{font-weight:600;font-size:.9rem;opacity:.8}.employee-form .form-group label .optional{font-size:.75rem;opacity:.6;font-weight:400;margin-left:.5rem}.employee-form .form-group input,.employee-form .form-group select{background:var(--halo-bg);border:1px solid var(--border-color);padding:.75rem;border-radius:8px;color:var(--text-color);outline:none;transition:all .2s ease}.employee-form .form-group input:focus,.employee-form .form-group select:focus{border-color:var(--brand-green);background:#ffffff14;box-shadow:0 0 0 2px #00b89433}.employee-form .form-footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:1.5rem}.modal-content-area{max-height:60vh;overflow-y:auto;padding-right:8px;margin-bottom:1rem}.form-content-area{padding-bottom:120px}.modal-content-area::-webkit-scrollbar{width:6px}.modal-content-area::-webkit-scrollbar-track{background:#ffffff05}.modal-content-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.employee-form .form-footer.sticky{position:sticky;bottom:-1rem;background:var(--panel-bg);padding-bottom:1rem;z-index:10;box-shadow:0 -10px 20px #0006}.employee-form .page-controls{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));margin-top:1rem}.button-group{display:flex;gap:1rem;margin-left:auto}.employee-form .save-btn.secondary-action{background:transparent;border:1px solid color-mix(in srgb,var(--brand-green),transparent 70%);color:var(--brand-green);opacity:.8}.employee-form .save-btn.secondary-action:hover{background:var(--halo-bg);border-color:var(--brand-green);opacity:1}.employee-form .save-btn,.employee-form .next-btn{padding:.75rem 2rem;font-weight:700;min-width:160px}.employee-form .next-btn{margin-left:auto}.employee-form .halo-button.back-btn{padding:.75rem 1.5rem;font-weight:600;opacity:.8;background:transparent;border-color:transparent;box-shadow:none}.employee-form .halo-button.back-btn:hover{opacity:1;background:#ffffff0d}.form-wizard-header{display:flex;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem;justify-content:flex-start}.step{font-size:.85rem;opacity:.5;transition:all .3s ease;position:relative;padding-left:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.employee-form.view-only-mode .form-group input,.employee-form.view-only-mode .form-group select{cursor:not-allowed;background:#ffffff05;border-color:#ffffff0d;color:#fff9}.view-only-mode .optional{display:none}.form-page{display:flex;flex-direction:column;gap:2.5rem}@media screen and (max-width:768px){.modal-content-area{max-height:70vh}.form-wizard-header{gap:.75rem;overflow-x:auto;white-space:nowrap;padding-bottom:1rem}.step{font-size:.75rem}.form-grid{gap:1.25rem}.employee-form .save-btn,.employee-form .next-btn{min-width:120px;padding:.75rem 1rem}}@media screen and (max-width:480px){.employee-form .form-group label{font-size:.78rem}}@media screen and (max-width:380px){.employee-form .form-group label{font-size:.7rem}}@media screen and (max-width:320px){.employee-form .form-group label{font-size:.62rem}}.task-form-tab.disabled-tab{opacity:.25;cursor:not-allowed}.task-form-tab.disabled-tab:hover{color:inherit}.documents-section-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.upload-dropzone{border:2px dashed rgba(255,255,255,.15);background:#ffffff05;border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease}.upload-dropzone:hover{border-color:var(--brand-green);background:#00b89408}.upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;width:100%}.upload-icon{font-size:2rem;margin-bottom:.25rem}.upload-text{font-weight:600;font-size:.95rem;color:var(--text-color)}.upload-subtext{font-size:.75rem;opacity:.5}.upload-progress-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:300px;margin:0 auto}.progress-label-text{font-size:.85rem;font-weight:600;color:var(--brand-green);margin:0}.progress-bar-container{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--brand-green);transition:width .2s ease;width:0}.spinner-mini{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--brand-green);border-radius:50%;animation:spin .8s linear infinite}.documents-list{margin-top:1rem}.no-documents-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;background:#ffffff03;border-radius:12px;border:1px solid rgba(255,255,255,.05);color:#fff6}.no-doc-icon{font-size:2.5rem;opacity:.5}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.doc-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.doc-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px)}.doc-preview{height:120px;background:#0003;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.doc-thumbnail{width:100%;height:100%;object-fit:cover}.doc-icon-placeholder{font-size:2.5rem;opacity:.6}.doc-info{display:flex;flex-direction:column;gap:2px}.doc-name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color)}.doc-meta{font-size:.72rem;opacity:.5}.doc-uploader{font-size:.72rem;color:var(--brand-green);opacity:.8}.doc-actions{margin-top:auto}.view-doc-btn{width:100%;padding:.5rem;font-size:.8rem;text-align:center;text-decoration:none;font-weight:700;display:block}.hub-card .hub-code-tag{background:#00ff891a;color:var(--brand-green);font-size:.65rem;letter-spacing:1px}.hub-card .seniority-tag{background:#3b82f61a;color:#3b82f6;font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:4px;margin-bottom:4px}.rules-board-container{display:flex;flex-direction:column;gap:0;padding:1.5rem 0 0;width:100%}.rules-search-bar{position:relative;margin-bottom:1.5rem}.rules-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--halo-bg);border:1px solid var(--border-color);border-radius:var(--radius-button, 12px);color:var(--text-color);font-size:.9rem;font-family:Inter,system-ui,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.rules-search-input::placeholder{opacity:.4}.rules-search-input:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px var(--halo-glow)}.rules-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);opacity:.4;pointer-events:none;display:flex;align-items:center}.rules-category-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.rules-cat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--border-color);background:var(--halo-bg);color:var(--text-color);font-size:.75rem;font-weight:700;font-family:Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;opacity:.6}.rules-cat-pill:hover{opacity:1;border-color:var(--brand-green);color:var(--brand-green)}.rules-cat-pill.active{background:color-mix(in srgb,var(--brand-green),transparent 85%);border-color:var(--brand-green);color:var(--brand-green);opacity:1;box-shadow:0 0 12px var(--halo-glow)}.rules-cat-pill-icon{font-size:.9rem}.rules-category-section{margin-bottom:2.5rem;scroll-margin-top:80px}.rules-category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.rules-category-icon{font-size:1.4rem;line-height:1}.rules-category-title{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--brand-green);opacity:.9;margin:0}.rules-category-count{font-size:.7rem;font-weight:700;font-family:JetBrains Mono,monospace;padding:2px 8px;border-radius:4px;border:1px solid var(--border-color);background:#ffffff0d;opacity:.6;margin-left:auto}.rules-subcategory-block{margin-bottom:1.25rem}.rules-subcategory-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;opacity:.45;margin:0 0 .6rem;font-family:Inter,system-ui,sans-serif}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.rule-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-squircle, 24px);padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.75rem;transition:all .25s ease;cursor:default;position:relative;overflow:hidden}.rule-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.012) 0%,transparent 60%);pointer-events:none}.rule-card:hover{border-color:color-mix(in srgb,var(--brand-green),transparent 60%);box-shadow:0 4px 24px #0000002e,0 0 0 1px color-mix(in srgb,var(--brand-green),transparent 80%);transform:translateY(-2px)}.rule-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.rule-card-title{font-size:.9rem;font-weight:700;line-height:1.4;color:var(--text-color);margin:0;flex:1}.rule-card-badges{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.rule-badge{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:4px;border:1px solid var(--border-color);background:#ffffff0d;opacity:.7;white-space:normal;line-height:1.3;min-height:20px;display:inline-flex;align-items:center}.rule-badge.date-badge{color:var(--brand-green);border-color:color-mix(in srgb,var(--brand-green),transparent 70%);background:color-mix(in srgb,var(--brand-green),transparent 92%);opacity:1}.rule-card-content{font-size:.83rem;line-height:1.65;opacity:.7;color:var(--text-color);white-space:pre-wrap}.rule-card-content.collapsed{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.rule-expand-btn{background:none;border:none;color:var(--brand-green);font-size:.75rem;font-weight:700;cursor:pointer;padding:0;align-self:flex-start;font-family:Inter,system-ui,sans-serif;opacity:.8;transition:opacity .15s ease;text-transform:uppercase;letter-spacing:.5px}.rule-expand-btn:hover{opacity:1}.rule-drive-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;color:var(--brand-green);text-decoration:none;opacity:.8;transition:opacity .15s ease;text-transform:uppercase;letter-spacing:.5px;padding-top:.25rem;border-top:1px solid var(--border-color)}.rule-drive-link:hover{opacity:1}.rules-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;opacity:.55}.rules-empty-icon{font-size:3rem}.rules-empty-state h3{font-size:1rem;font-weight:700;margin:0}.rules-empty-state p{font-size:.85rem;margin:0}.rules-loading{display:flex;align-items:center;justify-content:center;padding:4rem;opacity:.5;font-size:.9rem}.rules-no-results{padding:2rem;text-align:center;opacity:.45;font-size:.85rem}@media screen and (max-width:768px){.rules-board-container{padding:1rem}.rules-grid{grid-template-columns:1fr}.rules-category-pills{gap:.4rem}.rules-cat-pill{font-size:.68rem;padding:.3rem .75rem}}.rule-card.tutorial-mode{min-height:290px;display:flex;flex-direction:column;justify-content:space-between}.rule-tutorial-body{flex:1;display:flex;align-items:center;margin:.85rem 0;min-height:100px}.rule-slide-text{font-size:.88rem;line-height:1.6;opacity:.85;color:var(--text-color);margin:0;white-space:pre-wrap;width:100%}.rule-slide-text.intro-slide-text{font-style:italic;opacity:.75}.rule-tutorial-progress{width:100%;height:4px;background:var(--border-color);border-radius:99px;overflow:hidden;margin-bottom:.85rem}.rule-tutorial-progress-bar{height:100%;background:var(--brand-green);transition:width .3s ease;box-shadow:0 0 8px var(--halo-glow)}.rule-tutorial-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.rule-tutorial-controls .halo-button{padding:.4rem .8rem;font-size:.75rem;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.rule-tutorial-controls .prev-btn:disabled{opacity:.3;cursor:not-allowed}.rule-restart-btn{background:none;border:none;color:var(--text-color);font-size:.7rem;font-weight:600;opacity:.5;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:opacity .15s ease}.rule-restart-btn:hover{opacity:.9}.rule-mgmt-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:0}.rule-mgmt-tab{padding:.5rem 1.25rem .65rem;border:none;background:none;color:var(--text-color);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;opacity:.45;border-bottom:2px solid transparent;transition:all .2s ease;font-family:Inter,system-ui,sans-serif;position:relative;top:1px}.rule-mgmt-tab:hover{opacity:.75}.rule-mgmt-tab.active{opacity:1;color:var(--brand-green);border-bottom-color:var(--brand-green)}.rule-mgmt-content{padding:clamp(1rem,3vw,1.5rem)}.rule-item-row{display:flex;align-items:flex-start;gap:1rem;padding:.9rem 1rem;border:1px solid var(--border-color);border-radius:12px;margin-bottom:.6rem;background:#ffffff05;transition:all .2s ease}.rule-item-row:hover{border-color:color-mix(in srgb,var(--brand-green),transparent 70%)}.rule-item-row.inactive-rule{opacity:.45}.rule-item-info{flex:1;min-width:0}.rule-item-title{font-size:.88rem;font-weight:700;margin:0 0 .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-item-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.rule-item-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.rule-mgmt-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.rule-mgmt-section-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin:0}.rule-cat-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.rule-cat-filter-btn{padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border-color);background:var(--halo-bg);color:var(--text-color);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;opacity:.55;transition:all .2s ease;font-family:Inter,system-ui,sans-serif}.rule-cat-filter-btn:hover{opacity:.85}.rule-cat-filter-btn.active{opacity:1;color:var(--brand-green);border-color:var(--brand-green);background:color-mix(in srgb,var(--brand-green),transparent 90%)}@media screen and (max-width:768px){.rule-mgmt-tabs{gap:0}.rule-mgmt-tab{padding:.5rem .75rem;font-size:.72rem}}.rule-empty-panel{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;opacity:.5;font-size:.88rem}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.attendance-grid__employee-cell{position:sticky;left:-1px;background-color:var(--bg-color);z-index:2;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);min-width:200px;max-width:250px;text-align:left}.attendance-grid__employee-info{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left}.attendance-grid__employee-name{font-weight:600;font-size:.85rem;color:var(--text-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-grid__employee-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.attendance-grid__badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.attendance-grid__badge--id{background-color:var(--halo-bg);color:var(--text-color);opacity:.8}.attendance-grid__badge--hub{background-color:color-mix(in srgb,var(--brand-green),transparent 85%);color:var(--brand-green);border:1px solid color-mix(in srgb,var(--brand-green),transparent 70%)}.attendance-grid__wrapper{flex:1;overflow:auto;border-radius:var(--radius-button);background-color:var(--panel-bg)}.attendance-grid__table{width:100%;border-collapse:collapse}.attendance-grid__table th,.attendance-grid__table td{border:1px solid var(--border-color);padding:.5rem .25rem;text-align:center;vertical-align:middle}.attendance-grid__date-header{font-size:.75rem;font-weight:700;color:var(--text-color);background-color:var(--bg-color);position:sticky;top:-1px;z-index:1}.attendance-grid__corner-cell{position:sticky;top:-1px;left:-1px;z-index:4;background-color:var(--bg-color);text-align:left!important;padding-left:1rem!important;font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.attendance-cell{cursor:pointer;transition:all .2s ease;min-width:90px;position:relative;padding:0!important}.attendance-cell:hover{background-color:#ffffff08}.attendance-cell__status-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:48px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.attendance-cell--null .attendance-cell__status-label{color:var(--text-secondary);opacity:.4}.attendance-cell--present{background-color:color-mix(in srgb,var(--brand-green),transparent 85%);color:var(--brand-green)}.attendance-cell--present:hover{background-color:color-mix(in srgb,var(--brand-green),transparent 80%)}.attendance-cell--absent{background-color:color-mix(in srgb,var(--status-danger),transparent 85%);color:var(--status-danger)}.attendance-cell--leave,.attendance-cell--week-off{background-color:color-mix(in srgb,var(--brand-blue),transparent 85%);color:var(--brand-blue)}.attendance-cell--no-show,.attendance-cell--no-call-no-show{background-color:color-mix(in srgb,var(--status-warning),transparent 85%);color:var(--status-warning)}.attendance-cell__pending-badge{position:absolute;top:4px;right:4px;background-color:var(--status-warning);color:#000;font-size:.5rem;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.attendance-legend{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem 0;width:100%}.attendance-legend__row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;width:100%}.attendance-legend__item{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border-radius:var(--radius-button, 6px);border:1px solid var(--border-color);display:inline-flex;align-items:center;gap:.4rem}.attendance-legend__label{opacity:.65}.attendance-legend__icon{opacity:1!important}.attendance-legend__item--present,.attendance-legend__item--present-night{background:transparent;color:var(--status-success, #22c55e)}.attendance-legend__item--week-off,.attendance-legend__item--leave{background:transparent;color:var(--status-info, #3b82f6)}.attendance-legend__item--absent,.attendance-legend__item--no-show,.attendance-legend__item--no-call-no-show{background:transparent;color:var(--status-danger, #ef4444)}.attendance-legend__item--pending{background:transparent;color:var(--status-warning, #f97316)}.attendance-legend__icon-pending{font-size:.7rem;font-weight:800}@media screen and (max-width:768px){.attendance-legend{gap:.5rem;padding:.5rem 1rem;margin-bottom:.5rem}.attendance-legend__item{font-size:.65rem;padding:4px 8px}}.list-task-row{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;background:var(--panel-bg);border:1px solid var(--border-color);border-left:2px solid color-mix(in srgb,var(--stage-color, var(--brand-green)),transparent 30%);border-radius:12px;padding:8px 16px;height:48px;min-height:48px;position:relative;overflow:visible}.list-row-main{display:flex;flex-wrap:nowrap;align-items:center;padding-right:12px;gap:12px;flex:1;min-width:0}.list-row-badges{display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.list-row-content{font-size:.9rem;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.4}@media(min-width:769px){.list-row-controls{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;opacity:0;transition:all .25s ease;pointer-events:none;flex-shrink:0;margin-left:auto}.list-task-row:hover .list-row-controls,.list-task-row.is-expanded .list-row-controls{opacity:1;pointer-events:auto}.list-task-row:hover{border-color:var(--stage-color, var(--brand-green));box-shadow:var(--shadow-premium);background:color-mix(in srgb,var(--panel-bg),white 2%)}.list-row-badges>*:not(.card-priority):not(.assignee-badge-base){opacity:0;transform:translate(-10px);max-width:0;margin:0;padding:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.list-task-row:hover .list-row-badges>*,.list-task-row.selected .list-row-badges>*,.list-task-row.is-expanded .list-row-badges>*{opacity:1;transform:translate(0);max-width:300px;pointer-events:auto;margin-right:4px}}@media(max-width:768px){.list-task-row{flex-direction:column;align-items:stretch;padding:10px 12px;height:auto;min-height:auto;gap:0}.list-row-main{flex-direction:column;align-items:flex-start;gap:4px;width:100%}.tree-expander,.list-row-selection,.list-row-badges{display:inline-flex;vertical-align:middle}.list-row-badges{flex-wrap:wrap;gap:6px;width:100%;margin-bottom:4px}.list-row-badges>*{display:inline-flex;opacity:1;max-width:none;transform:none}.list-row-content{font-size:.9rem;white-space:normal;word-break:break-word;width:100%;line-height:1.4;padding-top:2px}.list-row-selection{margin-right:8px;margin-bottom:4px}.list-row-controls{display:none;width:100%;padding-top:12px;margin-top:8px;border-top:1px solid var(--border-color);justify-content:flex-start;gap:12px}}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.attendance-board__wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background-color:var(--bg-color);position:relative}.attendance-board__left-actions{display:flex;align-items:center;gap:1rem}.attendance-board__date-range{display:flex;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--halo-bg),transparent 30%);padding:.35rem .35rem .35rem 1rem;border-radius:100px;border:1px solid color-mix(in srgb,var(--border-color),transparent 50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.attendance-board__date-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);opacity:.5}.attendance-board__date-input,.attendance-board__week-input{background:transparent;border:none;color:var(--text-color);color-scheme:dark;font-family:inherit;font-size:.85rem;font-weight:600;padding:.15rem .25rem;outline:none;cursor:pointer}.attendance-board__date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s ease}.attendance-board__date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.attendance-board__date-separator{opacity:.3;font-size:.85rem;margin:0 .15rem}.attendance-board__go-btn{padding:.2rem;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--brand-mint, #00ffcc);border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);margin-left:.2rem;opacity:.7}.attendance-board__go-btn:hover{opacity:1;transform:translate(2px)}.attendance-board__menu-container{position:relative}.attendance-board__menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-button, 12px);padding:.5rem;min-width:200px;box-shadow:0 4px 12px #00000040;z-index:100;display:flex;flex-direction:column;gap:.25rem}.attendance-board__menu-group{display:flex;flex-direction:column;gap:.25rem}.attendance-board__menu-label{font-size:.65rem;font-weight:800;text-transform:uppercase;opacity:.5;padding:.25rem .5rem;margin-top:.25rem}.attendance-board__menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s ease}.attendance-board__menu-item:hover{background:var(--halo-bg)}.attendance-board__menu-item input[type=radio],.attendance-board__menu-item input[type=checkbox]{cursor:pointer;accent-color:var(--brand-green)}.attendance-board__menu-divider{height:1px;background:var(--border-color);margin:.25rem 0}.attendance-board__approval-btn{color:var(--status-warning);position:relative;border-color:color-mix(in srgb,var(--status-warning),transparent 70%)}.attendance-board__pending-badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--status-warning);color:#fff;font-size:.6rem;font-weight:800;height:16px;min-width:16px;border-radius:8px;padding:0 4px;margin-right:.4rem}.attendance-board__planner-action--save{color:var(--status-warning)}.attendance-board__planner-action--submit{color:var(--brand-green)}.attendance-board__info-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.8em;margin-left:.35rem;opacity:.45;cursor:help;vertical-align:super;transition:opacity .2s}.attendance-board__info-icon:hover{opacity:.9}.attendance-board__error,.attendance-board__planner-msg{padding:.5rem 1rem;margin:0 1.5rem .5rem;border-radius:var(--radius-button, 12px);display:flex;align-items:center;gap:1rem;font-size:.875rem}.attendance-board__error{background:color-mix(in srgb,var(--status-danger),transparent 85%);border:1px solid color-mix(in srgb,var(--status-danger),transparent 50%);color:var(--status-danger)}.attendance-board__planner-msg--success{background:color-mix(in srgb,var(--status-success),transparent 85%);border:1px solid color-mix(in srgb,var(--status-success),transparent 50%);color:var(--status-success)}.attendance-board__planner-msg--error{background:color-mix(in srgb,var(--status-danger),transparent 85%);border:1px solid color-mix(in srgb,var(--status-danger),transparent 50%);color:var(--status-danger)}.attendance-board__no-access{display:flex;align-items:center;justify-content:center;height:100%;font-size:.9rem;opacity:.7}.attendance-board__legend-wrapper{padding:0 1.5rem;flex-shrink:0;margin-bottom:.5rem}@media screen and (max-width:768px){.attendance-board__left-actions{width:100%;justify-content:space-between}}.react-datepicker-wrapper{display:inline-block}.react-datepicker-popper{z-index:4005!important}.react-datepicker{background-color:var(--bg-color, #1e1e1e)!important;border:1px solid var(--border-color, #333)!important;border-radius:12px!important;font-family:inherit!important;color:var(--text-color, #fff)!important;box-shadow:0 8px 24px #00000080!important;z-index:4005!important}.react-datepicker__header{background-color:color-mix(in srgb,var(--bg-color, #1e1e1e),transparent 20%)!important;border-bottom:1px solid var(--border-color, #333)!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:var(--text-color, #fff)!important}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:var(--text-color, #ccc)!important}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:var(--halo-bg, #333)!important;border-radius:50%!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range{background-color:color-mix(in srgb,var(--brand-mint, #00ffcc),transparent 75%)!important;color:var(--text-color, #fff)!important;border-radius:0!important}.react-datepicker__day--range-start,.react-datepicker__day--range-end,.react-datepicker__day--selecting-range-start,.react-datepicker__day--selected,.react-datepicker__month-text--selected{background-color:var(--brand-mint, #00ffcc)!important;color:#000!important;border-radius:50%!important;font-weight:700}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected{background-color:color-mix(in srgb,var(--brand-mint, #00ffcc),transparent 70%)!important;color:var(--brand-mint, #00ffcc)!important;border-radius:50%!important}.react-datepicker__navigation-icon:before{border-color:var(--text-color, #ccc)!important}.react-datepicker__navigation:hover *:before{border-color:var(--brand-mint, #00ffcc)!important}.react-datepicker__day--outside-month{opacity:.3}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.attendance-mobile-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.attendance-mobile-list__selector{display:flex;flex-direction:column;gap:.25rem}.attendance-mobile-list__selector label{font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.7}.attendance-summary-pills{display:flex;overflow-x:auto;gap:.5rem;padding-bottom:.5rem;margin-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.attendance-summary-pills::-webkit-scrollbar{display:none}.attendance-summary-pill{flex-shrink:0;display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:20px;background:var(--halo-bg);border:1px solid var(--border-color);font-size:.75rem;font-weight:700;line-height:1}.attendance-summary-pill--present{color:var(--attendance-present-text);border-color:var(--attendance-present-text)}.attendance-summary-pill--absent,.attendance-summary-pill--no-show,.attendance-summary-pill--no-call-no-show{color:var(--attendance-absent-text);border-color:var(--attendance-absent-text)}.attendance-summary-pill--weekoff{color:var(--attendance-week-off-text);border-color:var(--attendance-week-off-text)}.attendance-summary-pill--leave{color:var(--attendance-leave-text);border-color:var(--attendance-leave-text)}.attendance-summary-pill--null{color:var(--text-color);opacity:.7}.attendance-mobile-list__items{display:flex;flex-direction:column;gap:.5rem}.attendance-list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:var(--radius-button, 12px);background:var(--halo-bg);border:1px solid var(--border-color);cursor:pointer}.attendance-list-item--present{background:var(--attendance-present)}.attendance-list-item--week-off{background:var(--attendance-week-off)}.attendance-list-item--leave{background:var(--attendance-leave)}.attendance-list-item--absent,.attendance-list-item--no-show,.attendance-list-item--no-call-no-show{background:transparent}.attendance-list-item--has-pending{box-shadow:inset 0 0 0 2px #f9731699}.attendance-list-item__date{font-weight:700;font-size:.9rem}.attendance-list-item__details{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.attendance-list-item__status-label{font-weight:800;font-size:.8rem;text-transform:uppercase}.attendance-list-item--present .attendance-list-item__status-label{color:var(--attendance-present-text)}.attendance-list-item--week-off .attendance-list-item__status-label{color:var(--attendance-week-off-text);opacity:.7}.attendance-list-item--leave .attendance-list-item__status-label{color:var(--attendance-leave-text)}.attendance-list-item--absent .attendance-list-item__status-label,.attendance-list-item--no-show .attendance-list-item__status-label,.attendance-list-item--no-call-no-show .attendance-list-item__status-label{color:var(--attendance-absent-text);opacity:.6}.attendance-list-item__shift{opacity:.7;font-size:.75rem}.attendance-list-item__pending-badge{font-size:.65rem;font-weight:800;color:#f97316;background:#f9731626;padding:2px 6px;border-radius:4px}.attendance-mobile-list__date-filters{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;width:100%}.self-service__container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:clamp(1.5rem,5vw,3rem);gap:1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.self-service__header{text-align:center}.self-service__title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;margin:0 0 .25rem;background:linear-gradient(135deg,var(--brand-green),color-mix(in srgb,var(--brand-green),white 30%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.self-service__date{font-size:.875rem;opacity:.5;margin:0}.self-service__error{width:100%;max-width:420px;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-button, 12px);color:#ef4444;font-size:.875rem;text-align:center}.self-service__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;opacity:.5}.self-service__loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--brand-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.self-service__form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.self-service__hub-group,.self-service__shift-group{width:100%}.self-service__shift-indicator{display:flex;align-items:center;gap:.6rem;cursor:default;-webkit-user-select:none;user-select:none}.self-service__shift-indicator-icon{font-size:1.1rem;line-height:1}.self-service__shift-indicator-label{font-size:.95rem;font-weight:600;color:var(--brand-green)}.self-service__shift-toggle{display:flex;gap:.5rem;background:var(--halo-bg);border:1px solid var(--border-color);border-radius:var(--radius-button, 12px);padding:.4rem}.self-service__shift-btn{flex:1;padding:.6rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-color);font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-height:44px}.self-service__shift-btn.active{border:2px solid var(--brand-green);background:#10b98126;color:var(--brand-green)}.self-service__action-btn{width:100%;max-width:420px;padding:1rem;font-size:1.05rem;font-weight:800;min-height:52px;letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.self-service__checkin-btn{color:#22c55e;box-shadow:0 0 20px #22c55e33}.self-service__checkout-btn{color:#f97316;box-shadow:0 0 20px #f9731633}.self-service__active-card{width:100%;max-width:420px;background:#22c55e0f;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-squircle, 24px);padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.self-service__active-icon{font-size:2.5rem;line-height:1}.self-service__active-title{font-size:1.1rem;font-weight:800;margin:0;color:#22c55e}.self-service__active-shift{font-size:.875rem;font-weight:600;margin:0;opacity:.8}.self-service__active-time{font-size:.8rem;opacity:.5;margin:0}.self-service__active-hub{font-size:.85rem;font-weight:600;margin:.25rem 0 0;color:var(--brand-green);opacity:.9}.receipt__container{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.5rem}.receipt__card{width:100%;max-width:440px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-squircle, 24px);overflow:hidden;box-shadow:var(--shadow-premium, 0 12px 40px rgba(0, 0, 0, .4));flex-shrink:0}.receipt__card--checkin{border-top:3px solid #22c55e}.receipt__card--checkout{border-top:3px solid #f97316}.receipt__action-header{padding:1.5rem 1.5rem 1rem;text-align:center}.receipt__action-label{font-size:1.35rem;font-weight:800;margin:0}.receipt__details{padding:0 1.5rem;display:flex;flex-direction:column;gap:.6rem}.receipt__detail-row{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--border-color)}.receipt__detail-row:last-child{border-bottom:none}.receipt__detail-icon{font-size:1rem;flex-shrink:0;width:24px;text-align:center;padding-top:.1rem}.receipt__detail-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;opacity:.4;margin:0 0 2px}.receipt__detail-value{font-size:.9rem;font-weight:600;margin:0}.receipt__detail-value--geo{font-size:.75rem;opacity:.7}.receipt__detail-value--mono{font-family:JetBrains Mono,monospace;font-size:.75rem;opacity:.7}.receipt__share-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:calc(100% - 3rem);margin:1.25rem 1.5rem;padding:.875rem;font-size:.875rem;font-weight:800;color:#22c55e;min-height:48px}.receipt__share-icon{font-size:1.1rem}.receipt__done-btn{width:100%;max-width:440px;padding:.875rem;font-size:.875rem;min-height:48px;opacity:.6;flex-shrink:0}@media screen and (max-width:768px){.self-service__container{padding:2rem 1rem 1rem;justify-content:flex-start}.receipt__container{padding:0}.receipt__card{border-radius:20px}}.self-service__header--spaced{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:800px;text-align:left}.self-service__tabs{display:flex;gap:.25rem;background:var(--halo-bg);border:1px solid var(--border-color);border-radius:var(--radius-button, 12px);padding:.3rem;width:100%;max-width:440px;flex-shrink:0}.self-service__tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-color);font-weight:700;font-size:.8rem;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;min-height:40px;white-space:nowrap}.self-service__tab-btn--active{border:2px solid var(--brand-green);background:#10b98126;color:var(--brand-green)}.self-service__tab-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--status-success, #10b981);animation:tab-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes tab-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.self-service__alarm-banner{width:100%;max-width:420px;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-button, 12px);animation:alarm-slide-in .3s ease;flex-shrink:0}@keyframes alarm-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.self-service__alarm-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.self-service__alarm-body{flex:1;display:flex;flex-direction:column;gap:.2rem}.self-service__alarm-title{font-size:.85rem;font-weight:800;color:var(--status-warning, #f59e0b);text-transform:uppercase;letter-spacing:.5px}.self-service__alarm-text{font-size:.8rem;opacity:.8;margin:0;line-height:1.4}.self-service__alarm-dismiss{background:transparent;border:none;color:var(--text-color);opacity:.5;cursor:pointer;font-size:.9rem;padding:.25rem;flex-shrink:0;min-height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:opacity .2s}.self-service__alarm-dismiss:hover{opacity:1}.live-attendance__container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:800px}.live-attendance__summary-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.live-attendance__summary-count{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--text-color);opacity:.8}.live-attendance__pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--status-success, #10b981);animation:live-pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #10b98180}50%{opacity:.7;box-shadow:0 0 0 4px #10b98100}}.live-attendance__refresh-btn{padding:.4rem .8rem;font-size:.75rem}.live-attendance__last-refresh{font-size:.72rem;opacity:.4;margin:-.5rem 0 0}.live-attendance__hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.live-attendance__hub-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-squircle, 24px);overflow:hidden}.live-attendance__hub-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid var(--border-color);background:#ffffff04}.live-attendance__hub-title-group{display:flex;align-items:center;gap:.6rem}.live-attendance__hub-code{font-family:JetBrains Mono,monospace;font-weight:800;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;padding:1px 8px;min-height:20px;display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);opacity:.7}.live-attendance__hub-name{font-size:.9rem;font-weight:700}.live-attendance__hub-counts{display:flex;align-items:center;gap:.5rem}.live-attendance__hub-active-count{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:1px 8px;min-height:20px;display:inline-flex;align-items:center;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:4px;color:var(--status-success, #10b981)}.live-attendance__hub-overtime-count{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:1px 8px;min-height:20px;display:inline-flex;align-items:center;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:4px;color:var(--status-warning, #f59e0b)}.live-attendance__user-list{display:flex;flex-direction:column}.live-attendance__user-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.live-attendance__user-row:last-child{border-bottom:none}.live-attendance__user-row:hover{background:#ffffff06}.live-attendance__user-row--overtime{background:#f59e0b0a}.live-attendance__user-row--overtime:hover{background:#f59e0b12}.live-attendance__user-info{display:flex;align-items:center;gap:.5rem;min-width:0}.live-attendance__user-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-attendance__emp-code{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;min-height:18px;display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);opacity:.6;flex-shrink:0}.live-attendance__shift-badge{font-size:.85rem;flex-shrink:0}.live-attendance__user-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.live-attendance__hours{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;color:var(--text-color);opacity:.7}.live-attendance__hours--overtime{color:var(--status-warning, #f59e0b);opacity:1}.live-attendance__overtime-badge{font-family:JetBrains Mono,monospace;font-weight:800;font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;min-height:18px;display:inline-flex;align-items:center;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:4px;color:var(--status-warning, #f59e0b);animation:overtime-flash 3s ease-in-out infinite}@keyframes overtime-flash{0%,80%,to{opacity:1}90%{opacity:.5}}.live-attendance__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;opacity:.5}.live-attendance__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:var(--status-danger, #f43f5e);font-size:.875rem}.live-attendance__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;opacity:.4;text-align:center}.live-attendance__empty-icon{font-size:2.5rem;line-height:1;margin:0}.live-attendance__empty-text{font-size:.875rem;margin:0}.live-attendance__force-end-btn{padding:.3rem .6rem;font-size:.7rem;background:#f973161a;color:#f97316;border-color:#f973164d;margin-left:.5rem}.live-attendance__force-end-btn:hover{background:#f9731633}.live-attendance__force-end-btn:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:480px){.self-service__header--spaced{flex-direction:column;gap:.75rem}.self-service__tabs{max-width:100%}.live-attendance__hub-grid{grid-template-columns:1fr}.live-attendance__user-name{max-width:130px}}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1rem 0}.client-card.task-card-master{min-height:180px}.client-card.inactive{filter:grayscale(1);opacity:.5;border-left-color:#fff3}.client-card-name{font-size:1.2rem;font-weight:800;color:var(--text-color);margin:0;line-height:1.2}.client-card-poc{display:flex;flex-direction:column;gap:6px;line-height:1.4}.client-list-row{min-height:unset}.list-row-inner{flex:1;display:flex;align-items:center;gap:1.5rem;padding:.5rem 0}.list-col{display:flex;flex-direction:column;justify-content:center;gap:12px}.col-row-1,.col-row-2{display:flex;align-items:center;gap:12px;min-height:22px}.col-identity{flex:0 1 250px}.col-business{flex:0 1 180px}.col-contact{flex:1 1 auto;min-width:150px}.col-actions{flex:0 0 100px;align-items:flex-end}.management-info{padding-left:0}.list-name{font-size:.95rem;font-weight:700;color:var(--color-white)}.matrix-summary-mini,.category-code-mini{font-size:.75rem;color:var(--brand-green);opacity:.8;font-weight:600}.pending-tasks-badge{font-size:.7rem;font-weight:800;color:var(--badge-red-text);background:var(--badge-red-bg);padding:2px 8px;border-radius:4px;text-transform:uppercase}.actions-row,.status-row{justify-content:flex-end;width:100%}.email-id{opacity:.6;font-size:.85rem}.poc-name-mini{font-size:.8rem;font-weight:600;color:#ffffffb3}.client-matrix-table th{background:#ffffff08;color:var(--brand-green);text-transform:uppercase;letter-spacing:1px;font-weight:700}.client-matrix-table td{color:var(--text-color)}.client-matrix-table tr:hover{background:#ffffff05}.switch{position:relative;display:inline-block;width:34px;height:20px}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--brand-green)}input:focus+.slider{box-shadow:0 0 1px var(--brand-green)}input:checked+.slider:before{transform:translate(14px)}.client-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--brand-green);margin-bottom:1.5rem}.client-empty-sub-state{padding:2rem;text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.05);border-radius:8px;font-size:.9rem;opacity:.5}@media screen and (max-width:1400px){.list-row-inner{gap:1.25rem}.list-name{font-size:.95rem}.matrix-summary-mini,.category-code-mini,.poc-name-mini,.billing-badge,.pending-tasks-badge{font-size:.65rem;padding:2px 4px;letter-spacing:-.2px}.contact-item{font-size:.8rem}.email-id{font-size:.75rem}.col-identity{flex-basis:220px}.col-business{flex-basis:170px;flex-grow:1.2}}@media screen and (max-width:1280px){.client-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media screen and (max-width:1024px){.list-row-inner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 0}.list-col{width:100%;min-width:0!important}.col-actions{align-items:flex-start}.actions-row,.status-row{justify-content:flex-start}}@media screen and (max-width:768px){.client-grid{grid-template-columns:1fr}.client-card{padding:1rem;min-height:auto}}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.client-form-container{display:flex;flex-direction:column;gap:2rem;padding:1rem}.client-form .form-group{display:flex;flex-direction:column;gap:.5rem}.client-form .form-group label{font-weight:600;font-size:.8rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);margin-bottom:2px}.client-form .form-group input,.client-form .form-group select,.client-form .form-group textarea{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));padding:.75rem 1rem;border-radius:8px;color:var(--text-color, #fff);font-size:.9rem;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}.client-form .form-group input:focus,.client-form .form-group select:focus,.client-form .form-group textarea:focus{border-color:var(--brand-green);background:var(--halo-bg);box-shadow:0 0 0 2px var(--halo-glow)}.client-form .form-section-title{font-size:1.1rem;font-weight:700;color:var(--brand-green);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.view-only-mode input,.view-only-mode select,.view-only-mode textarea{cursor:not-allowed;opacity:.6;background:#ffffff05;border-color:#ffffff0d}.matrix-container{margin-top:10px;background:var(--halo-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.form-page{display:flex;flex-direction:column;gap:1.5rem}.fade-in{animation:pageFadeIn .3s ease-out forwards}.wizard-tabs{display:flex;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem;justify-content:flex-start;flex-shrink:0}.step{font-size:.85rem;opacity:.5;transition:all .3s ease;position:relative;padding-left:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.step:hover{opacity:.8;color:var(--brand-green)}.step:before{content:"○";position:absolute;left:0;color:var(--brand-green)}.step.active{opacity:1;font-weight:800;color:var(--brand-green)}.step.active:before{content:"●"}.step.completed{opacity:.9;color:var(--brand-green)}.step.completed:before{content:"✓";font-weight:900}@media screen and (max-width:480px){.client-form .form-group label{font-size:.72rem}}@media screen and (max-width:380px){.client-form .form-group label{font-size:.65rem}}@media screen and (max-width:320px){.client-form .form-group label{font-size:.58rem}}.csv-conflict-tile{padding:8px}.csv-tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.csv-tile-title{margin:0;font-weight:600;color:var(--brand-green)}.csv-match-badge{font-size:.6rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:800}.csv-match-badge.hard-match{background:#ff44441a;color:#f44}.csv-tile-meta{font-size:.8rem;opacity:.7;margin:0}.master-dropdown{background:var(--halo-bg, rgba(45, 212, 191, .05));border:1px solid var(--border-color);border-radius:14px;color:var(--brand-green);font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);color-scheme:dark}.master-dropdown:focus{border-color:var(--brand-green);box-shadow:0 0 10px var(--halo-glow);outline:none}.master-dropdown option{background-color:#0b1314;color:var(--text-color);padding:12px}.custom-select-container.master-dropdown{background-image:none;padding-right:12px}.custom-dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#0a0a0a!important;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 10px 40px #000c;z-index:1000;max-height:280px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:4px 0}.custom-dropdown-option{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.03)}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background:#ffffff0d}.custom-dropdown-option.selected{background:rgba(var(--brand-green-rgb),.08)}.custom-dropdown-checkbox{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#000;transition:all .2s ease;flex-shrink:0}.custom-dropdown-option.selected .custom-dropdown-checkbox{background:var(--brand-green);border-color:var(--brand-green)}.custom-dropdown-option.single .custom-dropdown-checkbox{border-radius:50%}.custom-dropdown-text{font-size:.9rem;color:#ffffffe6;font-weight:500}.custom-dropdown-option.selected .custom-dropdown-text{color:var(--brand-green);font-weight:700}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#fff3}.custom-select-container{position:relative;width:100%}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent!important;border:none!important;padding:0!important;color:var(--brand-green);font-weight:600;font-size:.95rem;cursor:pointer;min-height:unset!important}.custom-select-trigger.disabled{opacity:.5;cursor:not-allowed}.custom-select-container.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-arrow{transition:transform .2s ease;opacity:.5}.fade-in{animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-select-search-wrapper{display:flex;align-items:center;width:100%;position:relative}.custom-select-search-input{width:100%;background:transparent!important;border:none!important;padding:0 24px 0 0!important;color:var(--brand-green)!important;font-weight:600;font-size:.95rem;outline:none!important}.custom-select-clear-btn{position:absolute;right:0;background:transparent;border:none;color:var(--text-color);opacity:.5;cursor:pointer;font-size:1.2rem;padding:0 4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.custom-select-clear-btn:hover{opacity:1}.bd-trigger-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.bd-trigger:hover .dropdown-arrow{transform:translateY(1px);color:var(--brand-green);opacity:1}.bd-clear-btn{display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:50%;width:18px;height:18px;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:.85rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1}.bd-clear-btn:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444;transform:scale(1.1) rotate(90deg)}.bd-option-content{display:flex;flex-direction:column;gap:2px;min-width:0}.bd-option-sublabel{font-size:.75rem;color:var(--text-secondary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-option.at-max{opacity:.3;cursor:not-allowed;filter:grayscale(1) blur(.5px);pointer-events:none}.bd-option.focused{background:rgba(var(--brand-green-rgb, 0, 180, 160),.05);border-left:3px solid var(--brand-green);outline:none;padding-left:13px}.bd-select-all-btn{width:calc(100% - 16px);margin:8px;padding:8px 12px;text-align:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:var(--brand-green);font-weight:600;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.bd-select-all-btn:hover{background:rgba(var(--brand-green-rgb, 0, 180, 160),.1);border-color:rgba(var(--brand-green-rgb, 0, 180, 160),.2);box-shadow:0 0 12px rgba(var(--brand-green-rgb, 0, 180, 160),.15)}.bd-option-group{display:flex;flex-direction:column}.bd-option-group-header{padding:8px 16px 4px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);opacity:.6;cursor:default;-webkit-user-select:none;user-select:none;border-top:1px solid rgba(255,255,255,.05)}.bd-option-group:first-child .bd-option-group-header{border-top:none}.bd-pills-container{display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 32px);padding:4px 0}.bd-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;border-radius:100px;background:rgba(var(--brand-green-rgb, 0, 180, 160),.08);border:1px solid rgba(var(--brand-green-rgb, 0, 180, 160),.25);color:var(--brand-green);font-size:.75rem;font-weight:600;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.bd-pill:hover{background:rgba(var(--brand-green-rgb, 0, 180, 160),.15);border-color:rgba(var(--brand-green-rgb, 0, 180, 160),.4);box-shadow:0 2px 8px rgba(var(--brand-green-rgb, 0, 180, 160),.1)}.bd-pill-remove{background:#ffffff1a;border:none;border-radius:50%;width:14px;height:14px;color:var(--brand-green);opacity:.7;cursor:pointer;font-size:.75rem;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bd-pill-remove:hover{opacity:1;background:#ef444433;color:#ef4444}.bd-empty-state{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:.85rem;font-style:italic;opacity:.7}.bd-footer-slot{border-top:1px solid rgba(255,255,255,.05);padding:12px 16px;background:#0003;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.bd-trigger.loading{animation:bd-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bd-pulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.6;filter:brightness(.8)}}.bd-close-dropdown-btn{width:calc(100% - 16px);margin:8px;padding:8px 12px;text-align:center;background:var(--brand-green);border:1px solid var(--brand-green);border-radius:8px;color:#000!important;font-weight:700;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.bd-close-dropdown-btn:hover{background:color-mix(in srgb,var(--brand-green),transparent 15%);border-color:color-mix(in srgb,var(--brand-green),transparent 15%);box-shadow:0 0 12px rgba(var(--brand-green-rgb, 0, 180, 160),.15)}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto;z-index:9999;animation:modalFadeIn .3s ease-out}.modal-content{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-squircle);width:100%;max-width:600px;max-height:90dvh;display:flex;flex-direction:column;box-shadow:var(--shadow-premium);position:relative;overflow:hidden;margin:auto 0}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--brand-mint);text-shadow:0 0 10px var(--halo-glow)}.close-modal{background:transparent;border:none;font-size:2rem;color:var(--text-color);opacity:.5;cursor:pointer;transition:opacity .2s;padding:0 24px;display:flex;align-items:center;justify-content:center;height:100%}.close-modal:hover{opacity:1}.vertical-task-form{display:flex;flex-direction:column;flex:1;min-height:0;gap:16px;padding:0;overflow:hidden}.form-group{display:flex;flex-direction:column;gap:6px!important;background:transparent;border:1px solid transparent;border-radius:var(--radius-squircle);padding:14px;transition:all .2s ease}.form-group:focus-within{background:#ffffff05;border-color:var(--border-color)}.form-group label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-color);opacity:.5;padding-left:0;margin-bottom:0}.form-input-container{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--halo-bg);border:1px solid var(--border-color);border-radius:14px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px}.form-input-container:focus-within{border-color:var(--brand-green);background:#ffffff0d}.form-input-container input,.form-input-container textarea,.form-input-container .assignee-selector-trigger,.form-input-container .hub-selector-trigger,.form-input-container .task-hierarchy-trigger,.form-input-container .assignee-selector-container,.form-input-container .hub-selector-container{border:none!important;background-color:transparent!important;padding:0!important;box-shadow:none!important;transform:none!important;font-size:.95rem!important;font-weight:600!important;color:var(--brand-green)!important;width:100%;outline:none!important;min-height:unset!important}.form-input-container select,.form-input-container .master-dropdown{border:none!important;background-color:transparent!important;box-shadow:none!important;transform:none!important;font-size:.95rem!important;font-weight:600!important;color:var(--brand-green)!important;width:100%;outline:none!important;min-height:unset!important}.form-input-container input{color:var(--text-color)!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-color)!important;-webkit-box-shadow:0 0 0px 1000px var(--halo-bg) inset!important;transition:background-color 5000s ease-in-out 0s;border:1px solid var(--border-color)!important}.form-input-container textarea{min-height:80px!important;line-height:1.5;resize:vertical}.form-row-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}.form-footer,.modal-footer{margin-top:0;display:flex;justify-content:center;gap:12px;width:100%;padding:16px 24px;background:var(--surface-card);border-top:1px solid var(--border-color);flex-shrink:0;z-index:10}.form-footer.sticky,.modal-footer.sticky{position:sticky;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content-area{flex:1;overflow-y:auto;padding:24px 32px;position:relative;z-index:10}.form-footer .halo-button,.modal-footer .halo-button{flex:1;padding:14px;font-size:1rem}@media screen and (max-width:480px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;height:auto;max-height:92dvh;border-radius:var(--radius-squircle) var(--radius-squircle) 0 0;margin:0;border-bottom:none;border-left:none;border-right:none}.vertical-task-form{gap:22px;padding:0}.modal-content-area{padding:12px 14px}.modal-header{padding:10px 16px}.form-row-grid{grid-template-columns:1fr;gap:22px}.form-group{gap:2px}.form-group label{font-size:.52rem;letter-spacing:.1px;margin-bottom:0;opacity:.8}.vertical-task-form input[type=text],.vertical-task-form select,.vertical-task-form textarea,.hub-modal input[type=text],.hub-modal select,.hub-modal textarea{padding:6px 12px;font-size:.9rem!important}.form-footer,.modal-footer{padding:10px 16px}.form-footer .halo-button,.modal-footer .halo-button{padding:10px;font-size:.8rem}}@media screen and (max-width:380px){.form-group label{font-size:.46rem;letter-spacing:0px}}@media screen and (max-width:320px){.form-group label{font-size:.4rem;letter-spacing:0px}}.status-message{padding:.6rem .9rem;border-radius:8px;font-size:.8rem;font-weight:600;font-family:Inter,system-ui,sans-serif;border:1px solid var(--border-color);background:#ffffff08}.status-message.success{color:var(--brand-green);border-color:color-mix(in srgb,var(--brand-green),transparent 65%);background:color-mix(in srgb,var(--brand-green),transparent 92%)}.status-message.error{color:#ef4444;border-color:color-mix(in srgb,#ef4444,transparent 65%);background:color-mix(in srgb,#ef4444,transparent 92%)}.rule-toggle{width:32px;height:18px;background:transparent;border:1.5px solid var(--border-color)!important;border-radius:999px;position:relative;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0;display:flex;align-items:center}.rule-toggle.on{border-color:var(--brand-green)!important;background:transparent}.rule-toggle:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--border-color);left:2.5px;top:50%;transform:translateY(-50%);transition:all .2s ease}.rule-toggle.on:after{left:calc(100% - 12.5px);background:var(--brand-green)}.form-upload-zone{border:2px dashed rgba(255,255,255,.15);border-radius:8px;padding:1.5rem;text-align:center;background:#ffffff05;cursor:pointer;transition:all .2s ease;margin-top:6px}.form-upload-zone:hover,.form-upload-zone.drag-active{border-color:var(--brand-green);background:#ffffff0d}.form-upload-zone .upload-icon{font-size:1.8rem;margin-bottom:6px}.form-upload-zone .upload-text{font-size:.85rem;color:var(--text-color);opacity:.8}.form-file-preview-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.file-chip{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;gap:8px;font-size:.78rem;max-width:200px}.file-chip img{width:24px;height:24px;object-fit:cover;border-radius:4px}.file-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.file-chip-remove{background:none;border:none;color:var(--priority-urgent);cursor:pointer;font-size:1.1rem;padding:0 2px;display:flex;align-items:center;justify-content:center}.file-chip-remove:hover{color:color-mix(in srgb,var(--priority-urgent),white 20%)}.upload-section{margin-top:1rem}:root{--dm-on-accent: #000}@keyframes dm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dm-spinner-wrap{text-align:center;padding:40px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-squircle)}.dm-spinner-wrap--inline{background:transparent;border:none;border-radius:0;padding:60px 40px}.dm-spinner{border:4px solid rgba(255,255,255,.07);border-top:4px solid var(--brand-mint);border-radius:50%;width:40px;height:40px;animation:dm-spin 1s linear infinite;margin:0 auto 16px}.dm-spinner--sm{width:32px;height:32px;border-width:3px;border-top-width:3px;margin-bottom:12px}.dm-spinner-text{color:var(--text-color);font-size:14px;opacity:.8}.dm-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-squircle);padding:24px}.dm-card--tab-panel{display:flex;flex-direction:column;gap:20px}.dm-card__header{margin-bottom:24px}.dm-card__title{color:var(--brand-mint);text-shadow:0 0 10px var(--halo-glow);margin:0 0 8px}.dm-card__description{color:var(--text-color);opacity:.7;margin:0;font-size:14px}.dm-alert{padding:16px;border-radius:var(--radius-button);font-size:14px;line-height:1.5}.dm-alert--success{background:#10b98114;border:1px solid rgba(16,185,129,.25);color:var(--badge-green-text)}.dm-alert--error{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--badge-red-text)}.dm-alert strong{font-weight:700}.dm-alert p{margin:8px 0 0}.dm-scroll-area{overflow-y:auto;height:100%}.dm-workspace{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.dm-form{display:flex;flex-direction:column;gap:20px}.dm-form-submit{width:100%}.dm-tab-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.dm-tab-bar__title{color:var(--brand-mint);margin:0 0 12px}.dm-tab-list{display:flex;gap:8px;flex-wrap:wrap}.dm-tab-btn{padding:6px 16px;font-size:13px;height:auto;min-width:unset}.dm-tab-btn--active{border:2px solid var(--brand-green);background:var(--halo-bg);color:var(--brand-green);box-shadow:0 0 10px var(--halo-glow);opacity:1}.dm-tab-btn--inactive{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color);opacity:.6}.dm-action-row{display:flex;gap:10px;align-items:center}.dm-action-btn{height:36px;font-size:13px;min-width:unset;padding:0 14px}.dm-action-btn--errors-active{border:2px solid #ef4444;background:#ef444426;color:#ef4444;opacity:1}.dm-action-btn--sync{border:2px solid var(--brand-green);background:var(--halo-bg);color:var(--brand-green);box-shadow:0 0 12px var(--halo-glow);opacity:1;font-weight:800}.dm-copy-btn{padding:6px 10px;height:36px;min-width:unset;display:flex;align-items:center;justify-content:center;color:#fff}.dm-copy-btn .standard-icon{opacity:.9!important}.dm-copy-btn:hover .standard-icon{opacity:1!important;transform:scale(1.05)}.dm-row-count{color:var(--text-color);opacity:.6;margin:0 0 16px;font-size:13px}.dm-empty-tab{text-align:center;padding:40px;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-color);opacity:.6}.dm-access-notice{display:inline-block;font-size:12px;color:var(--badge-yellow-text, #d97706);background:var(--badge-yellow-bg, rgba(217, 119, 6, .08));border:1px solid var(--badge-yellow-text, #d97706);border-radius:6px;padding:4px 10px;margin-top:8px;opacity:.9}.dm-form-layout{display:flex;flex-direction:column;gap:20px;margin-top:24px}.dm-form-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.dm-form-col{flex:1 1 200px}.dm-form-col--wide{flex:2 1 350px}.dm-label{display:block;font-size:13px;font-weight:600;opacity:.85;margin-bottom:6px}.dm-input{width:100%;padding:11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-button);color:var(--text-color);font-size:14px}.dm-input[readonly],.dm-input:disabled{background:#ffffff05;border-color:#ffffff0d;color:#ffffff80;cursor:not-allowed}.dm-textarea{width:100%;padding:11px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-button);color:var(--text-color);font-size:14px;font-family:monospace;resize:vertical}.dm-textarea--error{color:var(--badge-red-text)}.dm-textarea--loading{color:var(--brand-mint)}.dm-card-centered{max-width:720px;margin:0 auto 32px}.dm-form-actions{margin-top:8px;display:flex;justify-content:flex-end}.dm-action-btn--large{padding:10px 32px;display:flex;align-items:center;gap:8px;font-size:15px}.dm-progress-box{margin-top:24px;padding:16px;background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.dm-progress-header{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.dm-progress-stats{font-weight:600;color:var(--brand-mint)}.dm-progress-status{opacity:.7;font-size:12px}.dm-progress-track{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.dm-progress-bar{height:100%;background:linear-gradient(90deg,var(--brand-mint),#0099ff);transition:width .3s ease}.dm-sub-nav-wrapper{margin-bottom:8px;width:100%}.dm-sub-nav-btn{width:100%;padding:10px 16px;text-align:left;justify-content:flex-start;font-size:14px;border-radius:var(--radius-button)}.search-bar-root{position:relative;width:100%;z-index:200}.search-bar-root.dashboard-ctx{max-width:480px;margin:0 auto 1.5rem}.search-bar-root.board-ctx{max-width:100%;margin:0 0 .25rem;padding:0 .25rem}.search-input-pill{display:flex;align-items:center;gap:.5rem;height:36px;padding:0 .75rem;background:var(--halo-bg, rgba(13, 148, 136, .05));border:1px solid var(--border-color);border-radius:var(--radius-button, 12px);-webkit-backdrop-filter:blur(var(--glass-blur, 12px));backdrop-filter:blur(var(--glass-blur, 12px));transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.search-input-pill.pill-focused{border-color:color-mix(in srgb,var(--brand-green),transparent 40%);background:color-mix(in srgb,var(--brand-green),transparent 92%);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-green),transparent 84%)}.pill-icon{flex-shrink:0;color:var(--text-secondary, var(--text-color));opacity:.5;transition:opacity .2s ease}.search-input-pill.pill-focused .pill-icon{opacity:.85;color:var(--brand-green)}.search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-color);font-family:Inter,system-ui,sans-serif;font-size:.85rem;font-weight:500;line-height:1}.search-input::placeholder{color:var(--text-color);opacity:.35;font-weight:400}@media screen and (max-width:768px){.search-input{font-size:16px}}.search-clear-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:50%;color:var(--text-color);opacity:.4;cursor:pointer;transition:opacity .15s ease,background .15s ease}.search-clear-btn:hover{opacity:.85;background:color-mix(in srgb,var(--text-color),transparent 88%)}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-color, #09090b);border:1px solid var(--border-color);border-radius:var(--radius-button, 12px);box-shadow:var(--shadow-premium, 0 12px 40px rgba(0, 0, 0, .35));-webkit-backdrop-filter:blur(var(--glass-blur, 20px));backdrop-filter:blur(var(--glass-blur, 20px));overflow:hidden;animation:sb-slide-in .15s ease}@keyframes sb-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-header{padding:.5rem .875rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--brand-green);opacity:.7;border-bottom:1px solid var(--border-color)}.search-results-list{list-style:none;margin:0;padding:.25rem 0;max-height:320px;overflow-y:auto}.search-result-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .875rem;cursor:pointer;transition:background .15s ease;border-radius:0}.search-result-item:hover{background:color-mix(in srgb,var(--brand-green),transparent 92%)}.result-text{flex:1;min-width:0;font-size:.875rem;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.result-record-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.result-sub{font-size:.72rem;color:var(--text-color);opacity:.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,monospace}.search-highlight{background:color-mix(in srgb,var(--brand-green),transparent 72%);color:var(--brand-green);border-radius:2px;padding:0 1px;font-style:normal}.result-badges{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.result-badge{display:inline-flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:1px 6px;min-height:18px;white-space:nowrap;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color);opacity:.7}.result-badge.stage-completed{color:var(--brand-emerald);background:color-mix(in srgb,var(--brand-emerald),transparent 92%);border-color:color-mix(in srgb,var(--brand-emerald),transparent 80%)}.result-badge.stage-in-progress{color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue),transparent 92%);border-color:color-mix(in srgb,var(--brand-blue),transparent 80%)}.result-badge.stage-review{color:var(--brand-amber);background:color-mix(in srgb,var(--brand-amber),transparent 92%);border-color:color-mix(in srgb,var(--brand-amber),transparent 80%)}.result-badge.stage-backlog{color:var(--text-color);opacity:.5}.result-badge.stage-deprioritized{color:var(--text-color);opacity:.35}.result-badge.pri-urgent{color:var(--brand-red);background:color-mix(in srgb,var(--brand-red),transparent 90%);border-color:color-mix(in srgb,var(--brand-red),transparent 80%)}.result-badge.pri-high,.result-badge.pri-medium{color:var(--brand-amber);background:color-mix(in srgb,var(--brand-amber),transparent 90%);border-color:color-mix(in srgb,var(--brand-amber),transparent 80%)}.result-badge.pri-low{color:var(--brand-emerald);background:color-mix(in srgb,var(--brand-emerald),transparent 90%);border-color:color-mix(in srgb,var(--brand-emerald),transparent 80%)}.search-no-results{padding:1rem .875rem;text-align:center;font-size:.82rem;color:var(--text-color);opacity:.4;font-style:italic}@media screen and (max-width:768px){.search-bar-root.dashboard-ctx{max-width:100%;margin:0}.search-input-pill{height:44px;border-radius:10px}.search-result-item{padding:.7rem .875rem;min-height:44px}}.notification-bell-container{position:relative;display:flex;align-items:center;margin-right:12px}.bell-button{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease}.bell-button:hover,.bell-button.active{background-color:var(--bg-hover);color:var(--text-primary)}.bell-badge{position:absolute;top:4px;right:4px;background-color:var(--danger-color, #e53935);color:#fff;font-size:.65rem;font-weight:700;height:16px;min-width:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--panel-bg)}.notification-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md, 8px);box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column;overflow:hidden;margin-top:8px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-subtle)}.notification-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.mark-all-btn{background:transparent;border:none;color:var(--brand-blue, #2196f3);font-size:.8rem;font-weight:500;cursor:pointer}.mark-all-btn:hover{text-decoration:underline}.notification-list{flex:1;overflow-y:auto;margin:0;padding:0;list-style:none}.notification-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;gap:4px}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--bg-hover)}.notification-item.unread{background-color:var(--bg-highlight, rgba(33, 150, 243, .05));border-left:3px solid var(--brand-blue, #2196f3);padding-left:13px}.notification-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin:0}.notification-body{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:.7rem;color:var(--text-muted);margin-top:4px}.notification-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:.9rem}.sandbox-modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,#000,transparent 25%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:16px;animation:sandboxFadeIn .3s ease-out}.sandbox-modal-card{width:100%;max-width:680px;background:color-mix(in srgb,var(--surface-deep),transparent 15%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--text-color),transparent 92%);border-radius:var(--radius-squircle, 24px);box-shadow:var(--shadow-premium, 0 12px 40px color-mix(in srgb, #000, transparent 50%));display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:sandboxSlideUp .3s cubic-bezier(.16,1,.3,1)}.sandbox-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color, #3f3f46);display:flex;justify-content:space-between;align-items:center}.sandbox-modal-header h2{font-family:Outfit,Inter,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:1px;color:var(--brand-amber);margin:0}.sandbox-close-btn{background:none;border:none;color:var(--text-color, #f4f4f5);font-size:2rem;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s;padding:0}.sandbox-close-btn:hover{opacity:1}.sandbox-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;flex:1}.sandbox-safety-notice{background:color-mix(in srgb,var(--brand-amber),transparent 96%);border:1px solid color-mix(in srgb,var(--brand-amber),transparent 80%);border-radius:12px;padding:16px}.notice-title{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:800;color:var(--brand-amber);margin:0 0 8px;letter-spacing:.5px}.sandbox-safety-notice p{font-size:.9rem;line-height:1.5;color:var(--text-color, #f4f4f5);opacity:.9;margin:0 0 12px}.notice-alert{background:var(--badge-red-bg);border-left:3px solid var(--brand-red);padding:10px 12px;font-size:.8rem;line-height:1.4;color:color-mix(in srgb,var(--brand-red),white 20%);border-radius:0 6px 6px 0}.import-dump-section{display:flex;flex-direction:column;gap:8px}.import-dump-section h3{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.5px;margin:0}.field-desc{font-size:.8rem;color:var(--text-color, #f4f4f5);opacity:.6;line-height:1.4;margin:0 0 4px}.dump-textarea{width:100%;height:120px;background:color-mix(in srgb,#000,transparent 60%);border:1px solid var(--border-color, #3f3f46);border-radius:8px;padding:12px;color:var(--text-color, #f4f4f5);font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.4;resize:none;outline:none;transition:border-color .2s}.dump-textarea:focus{border-color:var(--brand-amber);background:color-mix(in srgb,#000,transparent 40%)}.sandbox-status-message{padding:12px 16px;border-radius:8px;font-size:.85rem;line-height:1.4;font-weight:600;animation:sandboxFadeIn .2s}.sandbox-status-message.success{background:color-mix(in srgb,var(--brand-emerald),transparent 90%);border:1px solid color-mix(in srgb,var(--brand-emerald),transparent 70%);color:var(--badge-green-text)}.sandbox-status-message.error{background:var(--badge-red-bg);border:1px solid color-mix(in srgb,var(--brand-red),transparent 70%);color:color-mix(in srgb,var(--brand-red),white 20%)}.sandbox-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color, #3f3f46);display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,#000,transparent 80%)}.footer-right-actions{display:flex;gap:12px}.sandbox-modal-footer .clear-cache-btn{color:color-mix(in srgb,var(--brand-red),white 20%)!important;border-color:color-mix(in srgb,var(--brand-red),transparent 70%)!important;background:color-mix(in srgb,var(--brand-red),transparent 95%)!important}.sandbox-modal-footer .clear-cache-btn:hover{border-color:var(--brand-red)!important;background:var(--badge-red-bg)!important;box-shadow:0 0 12px color-mix(in srgb,var(--brand-red),transparent 80%)!important}.sandbox-modal-footer .cancel-btn{opacity:.6;border-color:transparent!important;background:none!important}.sandbox-modal-footer .cancel-btn:hover{opacity:1}.sandbox-modal-footer .import-btn{color:var(--brand-amber)!important;border-color:color-mix(in srgb,var(--brand-amber),transparent 70%)!important;background:color-mix(in srgb,var(--brand-amber),transparent 95%)!important}.sandbox-modal-footer .import-btn:hover{border-color:var(--brand-amber)!important;background:color-mix(in srgb,var(--brand-amber),transparent 90%)!important;box-shadow:0 0 12px color-mix(in srgb,var(--brand-amber),transparent 80%)!important}@keyframes sandboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sandboxSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.role-simulator-section{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #3f3f46)}.role-simulator-section h3{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.5px;margin:0}.simulator-controls{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.field-label{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color, #f4f4f5);opacity:.8}.role-select{width:100%;background:color-mix(in srgb,#000,transparent 60%);border:1px solid var(--border-color, #3f3f46);border-radius:8px;padding:10px 12px;color:var(--text-color, #f4f4f5);font-family:Inter,sans-serif;font-size:.9rem;outline:none;cursor:pointer;transition:border-color .2s,background-color .2s}.role-select:focus{border-color:var(--brand-amber);background:color-mix(in srgb,#000,transparent 40%)}.role-select option{background:var(--surface-deep);color:var(--text-color)}.verticals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:4px}.vertical-checkbox-card{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--text-color),transparent 98%);border:1px solid var(--border-color, #3f3f46);border-radius:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.vertical-checkbox-card:hover{background:color-mix(in srgb,var(--text-color),transparent 95%);border-color:color-mix(in srgb,var(--text-color),transparent 80%)}.vertical-checkbox-card.checked{background:color-mix(in srgb,var(--brand-amber),transparent 92%);border-color:var(--brand-amber)}.vertical-checkbox-card input[type=checkbox]{accent-color:var(--brand-amber);cursor:pointer}.vertical-checkbox-card span{font-size:.85rem;font-weight:500;color:var(--text-color, #f4f4f5)}.save-role-btn{align-self:flex-start;color:var(--brand-amber)!important;border-color:color-mix(in srgb,var(--brand-amber),transparent 70%)!important;background:color-mix(in srgb,var(--brand-amber),transparent 95%)!important;margin-top:4px}.save-role-btn:hover{border-color:var(--brand-amber)!important;background:color-mix(in srgb,var(--brand-amber),transparent 90%)!important;box-shadow:0 0 12px color-mix(in srgb,var(--brand-amber),transparent 80%)!important}@media screen and (max-width:480px){.sandbox-modal-card{border-radius:var(--radius-squircle, 16px);max-height:95vh}.sandbox-modal-body{padding:16px;gap:16px}.sandbox-modal-footer{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.footer-right-actions{flex-direction:column;gap:8px}}.desktop-layout{display:flex;width:100%;height:100%;overflow:hidden;position:relative;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.desktop-layout .app-main-area,.desktop-layout .desktop-content-area{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;transition:all var(--transition-main);background-color:var(--surface-card);position:relative;min-height:0}.desktop-layout .app-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:0}.desktop-header-shell .header-row-2{display:block}.desktop-header-shell .master-header-actions-row{display:flex}.desktop-header-shell .expanded-menu-row{position:relative;top:auto;left:auto;margin-top:16px;padding:12px 16px;background:transparent;border:1px solid color-mix(in srgb,var(--brand-green),transparent 85%);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .2s ease-out;width:100%;box-shadow:0 10px 40px #0000004d,0 0 15px #00ff870d}.desktop-layout .sidebar{position:relative;height:100dvh;z-index:10}.desktop-layout .sidebar-backdrop,.desktop-layout .menu-backdrop{display:none}.desktop-layout .workspace-main-view.is-blurred{filter:none}.desktop-layout .workspace-content{padding:32px}@media(max-width:1280px){.desktop-layout .workspace-content{padding:24px}.desktop-layout .sub-sidebar{width:240px}}.desktop-layout .mobile-action-tray,.desktop-layout .bottom-nav{display:none}.desktop-layout .logo-button{display:flex}.desktop-layout .desktop-logo-wrapper,.desktop-layout .mobile-menu-header{display:none}.desktop-layout .header-tutorial-btn,.desktop-layout .header-sandbox-btn{width:40px;height:40px;min-width:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:12px;margin-right:12px}.desktop-layout .header-sandbox-btn{border:none}.desktop-layout .user-profile-toggle{padding:0;border:none;background:transparent;box-shadow:none;min-width:unset;gap:0}.desktop-layout .user-profile-toggle:hover{background:transparent;box-shadow:none}.desktop-layout .user-profile-toggle .user-info-text{display:none}.desktop-layout .user-avatar{width:36px;height:36px;margin:0;display:flex;align-items:center;justify-content:center}.exit-modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0px);animation:exit-modal-backdrop-in .25s ease}@keyframes exit-modal-backdrop-in{0%{opacity:0}to{opacity:1}}.exit-modal-body{background:var(--bg-color);border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:var(--radius-squircle, 24px) var(--radius-squircle, 24px) 0 0;padding:32px 28px calc(28px + env(safe-area-inset-bottom,0px));width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 -8px 40px #00000080;animation:exit-modal-slide-up .3s cubic-bezier(.32,0,.37,1)}@keyframes exit-modal-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.exit-modal-icon-wrap{margin-bottom:12px}.exit-modal-icon-ring{width:56px;height:56px;border-radius:50%;background:var(--halo-bg);border:1px solid color-mix(in srgb,var(--brand-green),transparent 60%);box-shadow:0 0 16px var(--halo-glow);display:flex;align-items:center;justify-content:center;color:var(--brand-green)}.exit-modal-title{font-size:1.25rem;font-weight:800;color:var(--text-color);margin:0 0 4px;text-align:center;letter-spacing:-.3px}.exit-modal-subtitle{font-size:.9rem;color:var(--text-color);opacity:.55;margin:0 0 24px;text-align:center;line-height:1.5}.exit-modal-actions{display:flex;gap:12px;width:100%}.exit-modal-stay{flex:1;min-height:48px;font-size:.9rem}.exit-modal-exit-btn{flex:1;min-height:48px;border-radius:var(--radius-button, 12px);background:#ef444414;border:1px solid rgba(239,68,68,.35);color:var(--priority-urgent);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.exit-modal-exit-btn:hover,.exit-modal-exit-btn:active{background:#ef444426;border-color:var(--priority-urgent);box-shadow:0 0 12px #ef444433}.mobile-layout{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;position:relative;background-color:var(--bg-color);color:var(--text-color);padding-top:var(--safe-top, 0px);padding-left:var(--safe-left, 0px);padding-right:var(--safe-right, 0px);transition:background-color .3s ease,color .3s ease}.mobile-layout .app-main-area,.mobile-layout .mobile-content-area{margin-left:0!important;width:100%!important;padding-bottom:0;flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--surface-card);position:relative;min-height:0}.mobile-layout .app-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:8px}.mobile-header-shell{padding-top:12px;margin-bottom:16px}.mobile-header-shell .header-row-1 h1{font-size:1.25rem;text-align:center;width:100%;opacity:.9;text-shadow:0 0 20px var(--halo-glow)}.mobile-header-shell .header-row-2{display:none}.mobile-header-shell .master-header-actions-row{display:none!important}.mobile-header-shell.header-hidden{transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:2000;transition:none!important}.mobile-header-shell.is-sticky{position:sticky!important;top:0;z-index:2000;background:var(--bg-color);margin-bottom:0;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.mobile-layout .expanded-menu-row,.mobile-header-shell .expanded-menu-row{position:relative;top:auto;left:auto;right:auto;z-index:10;margin-top:12px;margin-bottom:12px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-squircle);box-shadow:none;max-height:none;overflow:visible;overflow-y:visible;-webkit-overflow-scrolling:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;will-change:auto;backface-visibility:visible}.mobile-layout .expanded-menu-row .filters-row-toggle,.mobile-header-shell .expanded-menu-row .filters-row-toggle{padding:10px 14px;min-height:42px;display:flex;align-items:center}@keyframes slidePaneDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.mobile-layout .mobile-menu-header,.mobile-header-shell .mobile-menu-header{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-bottom:12px}.mobile-layout .master-header-left,.mobile-header-shell .master-header-left,.mobile-layout .master-header-right,.mobile-header-shell .master-header-right,.mobile-layout .expanded-menu-row .master-header-left,.mobile-header-shell .expanded-menu-row .master-header-left,.mobile-layout .expanded-menu-row .master-header-right,.mobile-header-shell .expanded-menu-row .master-header-right{flex-direction:column;align-items:stretch;width:100%;max-width:none;gap:16px;flex-shrink:0}.mobile-layout .master-header-left .view-mode-toggle,.mobile-header-shell .master-header-left .view-mode-toggle{margin-right:0;width:100%}.mobile-layout .sidebar{position:fixed;top:auto;bottom:0;left:0;height:auto;max-height:85dvh;width:100vw;max-width:100%;transform:translateY(100%);opacity:1!important;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 40px #0000004d;border-radius:24px 24px 0 0;z-index:3010;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-layout .sidebar .sidebar-content-wrapper{width:100%;height:auto;min-height:40dvh}.mobile-layout .sidebar.open{transform:translateY(0)}.mobile-layout .sidebar:not(.open){width:100vw;max-width:100%;transform:translateY(100%)}.mobile-layout .sub-sidebar{width:240px;position:fixed;z-index:1001;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1),bottom .3s cubic-bezier(.4,0,.2,1)}.mobile-layout .sub-sidebar.tray-visible{bottom:64px}.mobile-layout .workspace-container:not(.sub-sidebar-collapsed) .sub-sidebar{transform:translate(0)}.mobile-layout .sidebar-backdrop,.mobile-layout .menu-backdrop{position:fixed;inset:0;z-index:1000;background:transparent;cursor:pointer}.mobile-layout .workspace-content{padding:0 12px 12px;padding-bottom:calc(64px + var(--safe-bottom, 0px));transition:filter .3s cubic-bezier(.4,0,.2,1)}.mobile-layout .workspace-main-view.is-blurred{filter:blur(8px);transition:filter .3s cubic-bezier(.4,0,.2,1)}.mobile-layout .mobile-hidden{display:none!important}.mobile-top-header-bar{position:relative;height:28px;background:transparent;border-bottom:1px solid var(--border-color);width:100%}.mobile-layout .brand-title-centered{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;font-size:1.05rem!important;font-weight:800!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;z-index:2002!important;pointer-events:none!important;display:block!important;margin:0!important}.mobile-layout .brand-title-centered.mobile-hidden{display:none!important}.mobile-header-tutorial-btn{position:absolute!important;left:8px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;border-radius:var(--radius-button, 8px);display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;pointer-events:auto!important;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 3px var(--halo-glow);z-index:2003!important}.mobile-header-tutorial-btn.mobile-hidden{display:none!important}.mobile-header-tutorial-btn.active{border-color:var(--brand-green)!important;background:var(--halo-bg)!important;box-shadow:0 0 10px var(--halo-glow)!important;opacity:1!important}.mobile-layout .mobile-logo-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;position:absolute;left:1rem;top:calc(10px + var(--safe-top, 0px));z-index:3011;transition:transform .2s ease;padding:0;width:44px;height:44px}@media screen and (max-width:360px){.expanded-menu-row{padding:calc(var(--safe-top, 0px) + 8px) 8px 12px 8px!important;gap:6px!important;max-height:95vh!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important}.master-header-left{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:6px!important}.master-header-left,.master-header-right{gap:6px!important;width:100%!important}.master-header-right{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important}.view-mode-toggle,.header-filter-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;gap:4px!important}.view-mode-toggle .view-toggle-btn,.header-filter-group .toggle-depri-btn{flex:1!important;width:auto!important;min-width:unset!important;min-height:30px!important;font-size:.62rem!important;padding:4px 2px!important;white-space:nowrap!important;display:inline-flex!important;justify-content:center!important;align-items:center!important}.clear-board-btn,.expanded-menu-row .clear-board-btn{width:100%!important;min-height:30px!important;font-size:.65rem!important;padding:4px 2px!important;margin:0!important;display:inline-flex!important;justify-content:center!important;align-items:center!important}}@media screen and (max-width:480px){.mobile-layout .sidebar{width:100%}}.mobile-menu-sidebar-filters{width:100%!important;margin-top:4px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0!important;display:block!important}.mobile-menu-sidebar-filters .sub-sidebar-body{overflow:visible!important;overflow-y:visible!important;height:auto!important;min-height:1px!important;flex:none!important;display:block!important;padding:0!important;width:100%!important}.mobile-dashboard-search{padding:55px 1rem .25rem;width:100%;flex-shrink:0}body[data-keyboard=open] .modal-overlay{align-items:flex-start}body[data-keyboard=open] .modal-content,body[data-keyboard=open] .modal-content-area,body[data-keyboard=open] .task-form-sheet,body[data-keyboard=open] .form-sheet{max-height:calc(var(--visual-viewport-height, 100dvh) - 16px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;transition:max-height .25s cubic-bezier(.4,0,.2,1)}body[data-keyboard=open] .form-sticky-footer,body[data-keyboard=open] .modal-footer-actions,body[data-keyboard=open] .form-submit-row{position:sticky;bottom:0;background:var(--bg-color);padding:8px 0 4px;z-index:10;border-top:1px solid var(--border-color)}body[data-keyboard=open] .mobile-layout .workspace-content{padding-bottom:calc(var(--keyboard-height, 0px) + 16px);transition:padding-bottom .25s cubic-bezier(.4,0,.2,1)}.mobile-layout[data-has-search=true]{--tray-height: 118px}.mobile-layout[data-has-search=true] .workspace-content{padding-bottom:calc(154px + var(--safe-bottom, 0px))!important}.mobile-layout[data-has-search=true] .app-content{padding-bottom:calc(54px + var(--safe-bottom, 0px))}.assignee-you{opacity:1;background:#ffffff1a;border-color:#fff3;color:var(--text-color)}.assignee-none{opacity:.4;background:transparent;border-style:dashed}.assignee-badge-base.mini{padding:1px 5px;font-size:.6rem;border-radius:10px}.task-list-view{display:flex;flex-direction:column;gap:32px;width:100%}.list-stage-section{display:flex;flex-direction:column;gap:12px}.list-stage-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.list-stage-header h4{margin:0;font-size:.9rem;font-weight:700;text-transform:capitalize;letter-spacing:.5px}.list-nav-group,.list-action-group{display:flex;align-items:center;gap:6px}.list-action-group{padding-left:8px}.tree-expander{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.tree-expander:hover{color:var(--brand-green)}.list-task-row.drop-target{border:2px dashed var(--brand-green)!important;background:#10b9810d!important;transform:translate(8px)!important}.tree-node-wrapper{display:flex;flex-direction:column}.tree-group-section{margin-bottom:24px}.tree-group-header{font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;padding:6px 16px;background:var(--bg-elevated);border-radius:6px;margin-bottom:12px;border-left:3px solid var(--brand-green);text-transform:capitalize}.card-submit-proof-button{background:transparent;border:none;cursor:pointer;font-size:1rem;color:var(--text-color);font-weight:800;width:28px;height:28px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:1!important}.card-submit-proof-button:hover{background:var(--halo-bg);opacity:1}.list-task-row .standard-icon{opacity:.9!important;filter:contrast(1.2);color:#fff!important}.list-task-row button:hover .standard-icon{opacity:1!important;filter:contrast(1.5)}.list-task-row .card-delete-button:hover .standard-icon{color:#ef4444}.list-task-row .card-add-sub-button:hover .standard-icon,.list-task-row .card-reprio-button:hover .standard-icon,.list-task-row .card-clone-button:hover .standard-icon{color:var(--brand-green)}.list-hierarchy-badges{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.header-left-group{display:flex;align-items:center;gap:8px}.stage-label-text{font-weight:700}.stage-select-all-btn{background:none;border:none;color:var(--brand-green);font-size:.65rem;font-weight:600;cursor:pointer;padding:0 8px;height:100%;opacity:.8}.task-count-badge{font-weight:700}.hierarchy-arrow{color:var(--text-secondary);margin-right:4px;opacity:.5}.context-viewer-badge{background-color:var(--bg-elevated);color:var(--text-secondary);font-size:.6rem;padding:1px 4px;border-radius:4px}.hierarchy-nav-group{display:flex;gap:4px}.review-action-btn{margin-left:4px}.promote-button{color:var(--brand-blue)!important}.card-reprio-button{color:var(--brand-green)!important}.list-row-content{display:flex;align-items:center;gap:8px}.list-task-row:hover .list-row-selection,.list-task-row.selected .list-row-selection{opacity:1;width:32px}.list-row-selection{display:flex;align-items:center;justify-content:center;width:0;overflow:hidden;flex-shrink:0;cursor:pointer;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.list-task-row.selected{background-color:color-mix(in srgb,var(--brand-green),transparent 94%)}.task-card-master{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-button);padding:6px 12px;display:flex;flex-direction:column;margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-premium);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));min-height:40px}.card-header-row,.card-row-3,.card-row-approval{display:none;max-height:0;min-height:0;opacity:0;overflow:hidden;padding:0;margin:0;transition:all .3s ease;pointer-events:none}.task-card-master.selected .card-header-row,.task-card-master.selected .card-row-3,.task-card-master.selected .card-row-approval{display:flex;max-height:100px;min-height:24px;opacity:1;pointer-events:auto}.task-card-master.selected .card-header-row{margin-bottom:8px}.task-card-master.selected .card-row-3{padding-top:12px;margin-top:10px;padding-bottom:12px}.task-card-master.selected .card-row-approval{padding-top:12px;margin-top:10px;border-top:1px solid var(--border-color)}.card-header-row{width:100%;justify-content:space-between;align-items:center}.card-row-1{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.card-row-1::-webkit-scrollbar{display:none}.card-task-name{font-size:.95rem;font-weight:600;color:var(--text-color);line-height:1.4;display:block}.card-row-2{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding-top:0;margin-top:6px}.card-row-2-title{display:flex;align-items:center;gap:8px;width:100%}.rejected-red-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;box-shadow:0 0 8px #3b82f6cc;animation:pulse-blue-dot 2s infinite ease-in-out;flex-shrink:0;display:inline-block}@keyframes pulse-blue-dot{0%{opacity:.6;transform:scale(1);box-shadow:0 0 4px #3b82f666}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #3b82f6e6}to{opacity:.6;transform:scale(1);box-shadow:0 0 4px #3b82f666}}.review-yellow-dot{width:8px;height:8px;background-color:#f59e0b;border-radius:50%;box-shadow:0 0 8px #f59e0bcc;animation:pulse-yellow-dot 2s infinite ease-in-out;flex-shrink:0;display:inline-block}@keyframes pulse-yellow-dot{0%{opacity:.6;transform:scale(1);box-shadow:0 0 4px #f59e0b66}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #f59e0be6}to{opacity:.6;transform:scale(1);box-shadow:0 0 4px #f59e0b66}}.draft-gray-dot{width:8px;height:8px;background-color:#71717a;border-radius:50%;box-shadow:0 0 8px #71717acc;animation:pulse-gray-dot 2s infinite ease-in-out;flex-shrink:0;display:inline-block}@keyframes pulse-gray-dot{0%{opacity:.6;transform:scale(1);box-shadow:0 0 4px #71717a66}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #71717ae6}to{opacity:.6;transform:scale(1);box-shadow:0 0 4px #71717a66}}.card-row-3{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;overflow-x:auto;scrollbar-width:none;padding-top:12px;border-top:none}.card-row-3::-webkit-scrollbar{display:none}.card-row-approval{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding-top:12px;margin-top:10px;border-top:1px dashed var(--border-color)}.task-card-master .subtask-tag,.task-card-master .duplicate-badge,.task-card-master .assignee-badge-base,.task-card-master .hub-tile-meta{display:none}.task-card-master:hover .subtask-tag,.task-card-master.selected .subtask-tag,.task-card-master.is-expanded .subtask-tag{display:flex}.task-card-master:hover .assignee-badge-base,.task-card-master.selected .assignee-badge-base,.task-card-master.is-expanded .assignee-badge-base{display:inline-flex}.task-card-master:hover .hub-tile-meta,.task-card-master.selected .hub-tile-meta,.task-card-master.is-expanded .hub-tile-meta{display:flex}.task-card-master:hover .duplicate-badge,.task-card-master.selected .duplicate-badge,.task-card-master.is-expanded .duplicate-badge{display:inline-block}.subtask-tag{font-size:.6rem;font-weight:600;padding:1px 6px;border-radius:4px;background:#ffffff0d;color:var(--text-color);opacity:.6;border:1px solid var(--border-color);display:flex;align-items:center;gap:4px;text-transform:capitalize;letter-spacing:.3px}.task-hierarchy-badges{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.subtask-progress-badge,.recursive-progress-badge{display:flex;align-items:center;gap:4px;font-size:.62rem;font-weight:800;padding:3px 10px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;border:1px solid transparent}.subtask-progress-badge{background-color:#70f3da1a;color:var(--brand-mint);border-color:#70f3da33}.recursive-progress-badge{background-color:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.subtask-progress-badge:hover,.recursive-progress-badge:hover{transform:translateY(-1.5px);box-shadow:0 4px 10px #0000001a;filter:brightness(1.2)}.badge-icon{font-size:.75rem;opacity:.8}.assignee-badge,.assignee-badge-mini{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:capitalize;border-radius:var(--radius-pill);background:#ffffff0d;color:var(--text-color);opacity:.7;border:1px solid var(--border-color)}.assignee-badge{padding:2px 8px;margin-left:6px}.assignee-badge-mini{padding:1px 5px;border-radius:4px;font-size:.6rem;font-family:JetBrains Mono,monospace}.assignee-none,.assignee-none-mini{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:.3px;text-transform:uppercase;border-radius:4px;color:var(--text-color);opacity:.4;background:#ffffff08;border:1px solid var(--border-color)}.assignee-none{padding:2px 8px;margin-left:6px}.assignee-none-mini{padding:1px 5px;font-size:.6rem}@media(hover:hover){.task-card-master:hover{border-color:var(--stage-color, var(--brand-mint));box-shadow:0 15px 35px var(--halo-glow);z-index:10;padding-bottom:20px}.task-card-master:hover .card-header-row{display:flex;max-height:40px;min-height:24px;opacity:1;margin-bottom:8px;pointer-events:auto}.task-card-master:hover .card-row-3{display:flex;max-height:180px;opacity:1;padding-top:12px;margin-top:10px;pointer-events:auto}.task-card-master:hover .card-row-approval{display:flex;max-height:100px;opacity:1;pointer-events:auto}}.task-card-master.is-expanded{padding:12px 16px;gap:10px;border-color:var(--stage-color, var(--brand-mint));box-shadow:0 15px 35px var(--halo-glow)}.task-card-master.is-expanded .card-header-row{display:flex;max-height:40px;min-height:24px;opacity:1;margin-bottom:8px;pointer-events:auto}.task-card-master.is-expanded .card-row-3{display:flex;max-height:350px;opacity:1;padding-top:12px;margin-top:10px;pointer-events:auto}.task-card-master.is-expanded .card-row-approval{display:flex;max-height:100px;opacity:1;pointer-events:auto}@media(max-width:768px){.task-card-master .subtask-tag,.task-card-master .hub-tile-meta{display:flex}.task-card-master .assignee-badge-base{display:inline-flex}.task-card-master .duplicate-badge{display:inline-block}.card-row-3{flex-wrap:wrap;overflow-x:visible;justify-content:flex-start;gap:6px;padding-bottom:8px}.action-icon-btn{width:26px;height:26px;padding:0}}.action-icon-btn.btn-mark-completed{color:var(--brand-mint);opacity:.75;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-icon-btn.btn-mark-completed:hover{color:#22c55e;background:#22c55e1a;opacity:1;transform:translateY(-1px)}.mobile-description-container{width:100%;margin-top:4px}.read-more-btn{background:none;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:2px 0;cursor:pointer;display:flex;align-items:center;gap:4px;position:relative;z-index:2}.read-more-chevron{transition:transform .2s cubic-bezier(.4,0,.2,1);display:inline-block;opacity:.8}.read-more-chevron.is-expanded{transform:rotate(180deg)}.task-detailed-description{margin-top:6px;font-size:.82rem;color:var(--text-secondary);background:#ffffff05;padding:8px;border-radius:6px;border:1px solid var(--border-color);width:100%;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.task-detailed-description-title{font-weight:700;margin-bottom:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.task-detailed-description p{margin:0;line-height:1.4}.card-priority.context-viewer-badge{background-color:var(--bg-elevated, rgba(255,255,255,.05));color:var(--text-secondary);font-size:.6rem;padding:1px 4px}.promote-group{display:flex;gap:4px}.action-icon-btn.btn-promote-up{color:var(--brand-blue, #60a5fa)}.action-icon-btn.btn-promote-top,.action-icon-btn.btn-add-subtask{color:var(--brand-green)}.action-icon-btn.btn-restore{color:var(--brand-green);font-weight:800}.kanban-board{display:flex;gap:20px;margin-top:10px;align-items:flex-start;overflow-x:auto;padding-bottom:20px}.kanban-stage-halo{flex:1;min-width:280px;border-radius:var(--radius-squircle);padding:16px;display:flex;flex-direction:column;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.task-drop-zone{min-height:250px;display:flex;flex-direction:column;gap:12px}.stage-navigation-tray{display:none;padding:0;background:color-mix(in srgb,var(--bg-color),transparent 10%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:50;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.stage-nav-container{display:flex;height:68px;width:100%;justify-content:space-around;align-items:center;padding:0 4px}.stage-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-color);opacity:.5;gap:2px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;border-radius:12px;margin:2px;position:relative}.stage-nav-item .stage-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .3s ease;position:relative}.stage-badge-count{position:absolute;top:4px;right:2px;background:var(--stage-accent);color:#000;font-size:.6rem;font-weight:800;min-width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 2px;box-shadow:0 2px 8px #0000004d}.stage-nav-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;transition:all .2s ease;white-space:nowrap}.stage-nav-item.active{opacity:1;color:var(--stage-accent)}.stage-nav-item.active .stage-icon-wrapper{background:#ffffff0d;box-shadow:0 0 15px -8px var(--stage-accent)}@media screen and (max-width:1280px){.kanban-stage-halo{min-width:260px;padding:12px}}@media screen and (max-width:1024px){.kanban-stage-halo{min-width:240px}}@media screen and (max-width:768px){.stage-navigation-tray{display:block}.kanban-board{overflow-x:hidden!important;padding-left:16px!important;padding-right:16px!important;gap:0!important}.kanban-stage-halo{display:none!important;width:100%!important;min-width:100%!important;margin:0!important;padding:12px 0 16px!important;background:transparent!important;border:none!important}.kanban-stage-halo.active{display:flex!important;animation:stageFadeSlideIn .3s ease forwards}.kanban-stage-halo.active .stage-header{display:none}}@media screen and (max-width:400px){.stage-nav-item{margin:1px}.stage-nav-label{font-size:.58rem;letter-spacing:0}.stage-nav-item .stage-icon-wrapper .standard-icon{width:18px!important;height:18px!important}.stage-nav-item .stage-icon-wrapper{padding:6px}.stage-badge-count{top:2px;right:0;min-width:14px;height:14px;font-size:.55rem}}@media screen and (max-width:340px){.stage-nav-container{padding:0 2px}.stage-nav-label{font-size:.52rem}.stage-nav-item .stage-icon-wrapper .standard-icon{width:16px!important;height:16px!important}}@media screen and (min-width:1025px){.kanban-stage-halo{min-width:260px;padding:12px}}.kanban-stage-halo.drag-over{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;border:1px dashed rgba(255,255,255,.25)!important;transition:all .2s cubic-bezier(.4,0,.2,1)}.stage-header h4,.task-count-badge{font-weight:700}.select-all-btn{background:none;border:none;color:var(--brand-green);font-size:.65rem;font-weight:600;cursor:pointer;padding:0 8px;margin-left:4px;height:100%;opacity:.8;transition:opacity .2s ease}.select-all-btn:hover{opacity:1}.drill-breadcrumb{padding:0 24px 12px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.breadcrumb-root-btn{background:none;border:none;color:var(--brand-green);cursor:pointer;padding:0;font-weight:600;font-size:inherit;transition:opacity .2s ease}.breadcrumb-root-btn:hover{opacity:.8}.breadcrumb-node-btn{background:none;border:none;color:var(--brand-green);cursor:pointer;padding:0;font-weight:500;font-size:inherit;transition:opacity .2s ease}.breadcrumb-node-btn--active{color:var(--text-color);font-weight:700;cursor:default}.breadcrumb-node-btn:hover:not(.breadcrumb-node-btn--active){opacity:.8}.master-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:flex-start;padding:clamp(20px,5dvh,60px) 20px;overflow-y:auto;z-index:var(--z-modal)}.master-modal-content{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-squircle);width:100%;max-width:650px;max-height:90dvh;display:flex;flex-direction:column;box-shadow:var(--shadow-premium);overflow:hidden;margin:auto 0}.master-modal-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0!important}.master-modal-scroll-area{flex:1;overflow-y:auto;padding:1.5rem clamp(1.5rem,5vw,2.5rem);display:flex;flex-direction:column;gap:1.5rem}.master-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:.75rem clamp(1.5rem,5vw,2.5rem);background:color-mix(in srgb,var(--surface-card),transparent 20%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);margin-top:auto;flex-shrink:0;box-shadow:0 -10px 30px #0003}@media screen and (max-width:480px){.master-modal-overlay{align-items:flex-end;padding:0}.master-modal-content{max-width:100%;max-height:92dvh;border-radius:var(--radius-squircle) var(--radius-squircle) 0 0;margin:0;border-bottom:none;border-left:none;border-right:none}.master-modal-footer{flex-direction:column;align-items:stretch;padding:1rem 1.5rem;gap:10px}.master-modal-footer button{width:100%;margin:0!important}}.master-modal-footer button{min-width:100px}.submission-section-label{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-mint);opacity:.8;margin-bottom:.25rem}.submission-comment-area{width:100%;min-height:120px;padding:clamp(12px,2vw,16px);background:var(--halo-bg);border:1px solid var(--border-color);border-radius:var(--radius-button);color:var(--text-color);font-family:var(--font-main);font-size:.9rem;line-height:1.6;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.submission-comment-area::placeholder{color:var(--text-color);opacity:.35}.submission-comment-area:focus{outline:none;border-color:var(--brand-mint);box-shadow:0 0 0 3px #70f3da26}.submission-upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-button);padding:clamp(1.5rem,3vw,2.5rem);text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--halo-bg);position:relative}.submission-upload-zone:hover,.submission-upload-zone.drag-active{border-color:var(--brand-mint);box-shadow:0 0 20px var(--halo-glow);background:color-mix(in srgb,var(--brand-mint),transparent 95%)}.submission-upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone-icon{font-size:2rem;opacity:.3;margin-bottom:.5rem}.upload-zone-text{font-size:.85rem;opacity:.5;line-height:1.5}.upload-zone-text strong{color:var(--brand-mint);opacity:1}.submission-file-list{display:flex;flex-wrap:wrap;gap:.75rem}.submission-file-chip{display:flex;align-items:center;gap:.5rem;padding:8px 12px;background:var(--halo-bg);border:1px solid var(--border-color);border-radius:var(--radius-button);font-size:.75rem;font-weight:600;color:var(--text-color);max-width:200px;overflow:hidden;animation:chipSlideIn .2s ease-out}@keyframes chipSlideIn{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.submission-file-chip .file-chip-thumbnail{width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.submission-file-chip .file-chip-icon{width:32px;height:32px;border-radius:6px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.submission-file-chip .file-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.submission-file-chip .file-chip-size{font-size:.65rem;opacity:.5;white-space:nowrap}.submission-file-chip .file-chip-remove{background:none;border:none;color:var(--text-color);opacity:.4;cursor:pointer;font-size:1.1rem;padding:0;line-height:1;transition:opacity .15s,color .15s;flex-shrink:0}.submission-file-chip .file-chip-remove:hover{opacity:1;color:var(--priority-urgent)}.submission-guideline-text{font-size:.65rem;font-weight:600;color:var(--text-color);opacity:.4;letter-spacing:.3px;line-height:1.4}.submission-cancel-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);opacity:.6;padding:10px 20px;border-radius:var(--radius-button);font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .2s;font-family:inherit}.submission-cancel-btn:hover{opacity:1}.submission-submit-btn{min-width:140px}.submission-submit-btn:disabled{opacity:.5;cursor:not-allowed}.submission-progress{display:flex;align-items:center;gap:.75rem;padding:12px 16px;background:var(--halo-bg);border:1px solid color-mix(in srgb,var(--brand-mint),transparent 70%);border-radius:var(--radius-button);animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%,to{box-shadow:0 0 5px var(--halo-glow)}50%{box-shadow:0 0 20px var(--halo-glow)}}.submission-progress-bar{flex:1;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.submission-progress-fill{height:100%;background:var(--brand-mint);border-radius:2px;transition:width .3s ease}.is-uploading-chip{position:relative;overflow:hidden}.is-uploading-chip:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(112,243,218,.2),transparent);animation:haloScan 1.5s infinite linear}@keyframes haloScan{0%{left:-100%}to{left:200%}}.is-done-chip{border-color:var(--brand-mint)!important;background:color-mix(in srgb,var(--brand-mint),transparent 92%)!important;animation:successPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.success-checkmark{color:var(--brand-mint);font-weight:900;margin-left:4px}.submission-progress-text{font-size:.75rem;font-weight:700;color:var(--brand-mint);white-space:nowrap}.batch-counter{font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border-color);transition:all .3s ease}.batch-counter.counter-mint{color:var(--brand-mint);border-color:#70f3da4d}.batch-counter.counter-amber{color:var(--priority-medium);border-color:#f59e0b66}.batch-counter.counter-red{color:var(--priority-urgent);border-color:#ef444480;animation:counterPanic .4s ease infinite}@keyframes counterPanic{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.submission-locked-notice{padding:12px 16px;background:color-mix(in srgb,var(--priority-medium),transparent 90%);border:1px solid color-mix(in srgb,var(--priority-medium),transparent 60%);border-radius:var(--radius-button);font-size:.8rem;font-weight:600;color:var(--priority-medium);line-height:1.5}.submission-upload-only-btn{min-width:130px}.submission-upload-only-btn:disabled,.submission-submit-btn:disabled{opacity:.5;cursor:not-allowed}.submission-actions-group{display:flex;gap:.75rem;justify-content:flex-end;flex:1}.submission-actions-group .btn-icon{display:none}.submission-actions-group .btn-text{font-size:.8rem;font-weight:700}.submission-actions-group button,.submission-actions-group .halo-button{padding:8px 16px!important;min-height:unset!important}@media(max-width:600px){.submission-file-chip{max-width:100%}.submission-actions-group{flex-direction:row;width:100%;justify-content:space-between;gap:.5rem}.submission-actions-group .btn-icon{display:inline-block}.submission-actions-group .btn-text{display:none}.submission-actions-group button,.submission-actions-group .halo-button{width:auto!important;flex:1;padding:12px 8px!important;min-width:0!important;margin:0!important;font-size:1.2rem!important}}.submission-task-context{margin-bottom:1rem}.submission-task-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.5}.submission-task-text{margin:4px 0 0;font-size:.95rem;font-weight:600;color:var(--text-color)}.submission-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.rejection-feedback-banner{background:color-mix(in srgb,var(--priority-urgent),transparent 90%);border:1px solid var(--priority-urgent);padding:12px;border-radius:8px;margin-bottom:16px;color:var(--priority-urgent)}.rejection-feedback-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.hidden-input{display:none}@media screen and (max-width:1024px){.bulk-action-bar{bottom:16px;padding:8px 16px;gap:12px;width:90%;max-width:500px;border-radius:20px}.bulk-info{padding-right:12px}.bulk-actions{gap:4px;overflow-x:auto;padding-bottom:2px}}@media screen and (max-width:768px){.bulk-action-bar{position:fixed;bottom:calc(var(--tray-height, 64px) + var(--safe-bottom, 0px));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:500px;background:#121212d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;z-index:3010;box-shadow:0 10px 40px #00000080;transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .4s ease;animation:none}.bulk-action-bar.bulk-hidden{transform:translate(-50%,150%);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.32,0,.67,0),opacity .4s ease}.bulk-action-bar.tray-hidden{transform:translate(-50%,var(--tray-height, 64px));transition:transform .4s cubic-bezier(.32,0,.67,0)}.bulk-info{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding-right:0;padding-bottom:8px;align-items:center;font-weight:600;color:var(--brand-green);font-size:.9rem;text-align:center}.bulk-actions{justify-content:center;display:flex;gap:8px;flex-wrap:wrap;padding-bottom:0;width:100%}.bulk-action-bar .bulk-btn .bulk-btn-text{display:none}.bulk-action-bar .bulk-btn{border-radius:8px;padding:8px 12px;display:flex;justify-content:center;align-items:center;height:36px;min-width:36px;font-size:.85rem;font-weight:600}}.task-controller{width:100%;height:100%;display:flex;flex-direction:column}.toggle-depri-btn{font-size:.75rem;font-weight:600;padding:6px 14px;opacity:.7}.halo-button.toggle-depri-btn.active{background:#00ff8526;color:var(--brand-mint);border:1px solid var(--brand-mint);opacity:1}.header-filter-group{display:flex;align-items:center;gap:12px}.view-toggle-btn{text-transform:capitalize;font-weight:400}.view-toggle-btn.active{font-weight:600}.clear-board-btn{font-size:.75rem;font-weight:600;padding:6px 14px;border-color:#ef444433;color:#ef444499}.clear-board-btn:hover{background:#ef444414;border-color:#ef444480;color:#ef4444e6}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px}.stage-header h4{margin:0;font-size:.85rem;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:1.2px}.empty-msg{font-size:.85rem;color:var(--text-color);opacity:.3;text-align:center;margin-top:50px;font-style:italic}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.workspace-main-view{flex:1;overflow:visible;min-height:0;display:flex;flex-direction:column;transition:filter .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.workspace-main-view{overflow:visible}.workspace-main-view.is-blurred{filter:blur(8px)}}.duplicate-merge-container{padding:12px}.merge-intro{font-size:.85rem;opacity:.7;margin-bottom:24px;line-height:1.5}.merge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.merge-option-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s}.merge-option-card:hover{border-color:var(--brand-green);background:#00ff6605}.merge-header{display:flex;justify-content:space-between;align-items:center}.merge-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--brand-green);letter-spacing:1px}.merge-stage-tag{font-size:.6rem;font-weight:500;padding:2px 8px;background:#ffffff0d;border-radius:10px;text-transform:uppercase}.merge-body{flex:1}.merge-summary{font-size:.9rem;font-weight:600;margin-bottom:8px;color:#fff}.merge-meta{display:flex;flex-direction:column;gap:4px;font-size:.75rem;opacity:.5}.merge-keep-btn{width:100%;font-size:.7rem;padding:8px}.merge-footer-info{text-align:center;font-size:.75rem;opacity:.4;font-style:italic}.confirm-modal-body{padding:8px;display:flex;flex-direction:column;gap:20px}.confirm-message{font-size:1rem;color:var(--text-color);line-height:1.6;opacity:.9}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.halo-button.confirm-btn{background:#00ff851a;color:var(--brand-mint);border:1px solid var(--brand-mint);font-weight:700;min-width:100px}.cancel-btn{background:#ffffff0d;color:#fff;min-width:100px}@media screen and (max-width:1024px){.task-controller-header{flex-direction:column;align-items:flex-start;gap:12px}}@media screen and (max-width:768px){.view-mode-toggle{width:100%;display:flex;gap:4px}.view-mode-toggle .view-toggle-btn{flex:1;text-align:center;padding:8px 4px;min-width:unset}.header-filter-group{width:100%;display:flex;gap:8px}.header-filter-group .toggle-depri-btn{flex:1;text-align:center;padding:8px 2px;font-size:.7rem;min-width:unset;white-space:nowrap}.clear-board-btn,.master-action-btn,.csv-import-wrapper{width:100%}}.data-operations-wrapper{width:100%;display:flex;flex-direction:column;align-items:stretch}.actions-dropdown-container{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%}.actions-dropdown-container .filters-row-toggle{padding:13px 16px;min-height:48px;display:flex;align-items:center}.actions-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-button);padding:4px 0;display:flex;flex-direction:column;z-index:1000;box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));overflow:hidden}.actions-dropdown-menu .master-action-btn,.actions-dropdown-menu .halo-button{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:12px 16px;background:none;border:none;border-bottom:1px solid var(--border-color);border-radius:0;color:var(--brand-green);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .15s ease;text-align:left;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;white-space:nowrap}.actions-dropdown-menu .csv-import-wrapper{width:100%;display:flex;flex-direction:column;border-bottom:1px solid var(--border-color)}.actions-dropdown-menu .csv-import-wrapper:last-child{border-bottom:none}.actions-dropdown-menu .master-action-btn:last-child,.actions-dropdown-menu .halo-button:last-child{border-bottom:none}.actions-dropdown-menu .master-action-btn:hover,.actions-dropdown-menu .halo-button:hover{background:var(--halo-bg);transform:none}.actions-dropdown-menu .clear-board-btn{color:#ef444499;border-color:transparent}.actions-dropdown-menu .clear-board-btn:hover{background:#ef44440f;color:#ef4444e6}@media(max-width:1024px){.actions-dropdown-container .filters-row-toggle{padding:13px 16px;min-height:48px;display:flex;align-items:center;box-sizing:border-box}.data-operations-wrapper{margin-top:8px}.mobile-menu-sidebar-filters{margin-top:4px;padding-top:8px}.actions-dropdown-menu{position:relative;top:auto;right:auto;left:auto;width:100%;margin-top:8px;box-shadow:var(--shadow-premium);border:1px solid var(--border-color);background:var(--bg-color);border-radius:var(--radius-button);padding:0;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.actions-dropdown-menu .master-action-btn,.actions-dropdown-menu .halo-button{color:var(--brand-green);font-size:.75rem;padding:14px 18px}.actions-dropdown-menu .clear-board-btn{color:#ef444499}.actions-dropdown-menu .clear-board-btn:hover{color:#ef4444e6}}.expanded-actions-list .data-operations-wrapper,.expanded-actions-list .actions-dropdown-container{display:block;width:100%}.expanded-actions-list .filters-row-toggle{display:none}.expanded-actions-list .actions-dropdown-menu{display:flex;position:relative;top:auto;right:auto;background:transparent;border:none;box-shadow:none;padding:0;margin-top:0;width:100%;-webkit-backdrop-filter:none;backdrop-filter:none}@media screen and (max-width:360px){.view-mode-toggle,.header-filter-group{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;gap:4px!important}.view-mode-toggle .view-toggle-btn,.header-filter-group .toggle-depri-btn{flex:1!important;width:auto!important;min-height:38px!important;font-size:.65rem!important;padding:6px 2px!important;white-space:nowrap!important;display:inline-flex!important;justify-content:center!important;align-items:center!important}}.workspace-container{display:flex;height:100%;width:100%;transition:all var(--transition-main)}.sub-sidebar{width:260px;background-color:var(--surface-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0}.sub-sidebar-header{padding:0 12px;display:flex;align-items:center;gap:12px;min-height:64px;width:100%;border-bottom:1px solid var(--border-color)}.sub-sidebar-header h3{margin:0;padding:8px 16px;font-size:.9rem;font-weight:500;letter-spacing:.5px;color:var(--brand-green);text-transform:none;background:var(--halo-bg);border:1px solid color-mix(in srgb,var(--brand-green),transparent 80%);border-radius:8px;box-shadow:0 0 12px var(--halo-glow);flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.sub-sidebar-header h3.navigable-header{cursor:pointer;position:relative}.sub-sidebar-toggle{background:var(--bg-color);border:1.5px solid var(--border-color);color:var(--text-color);opacity:.8;border-radius:8px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;flex-shrink:0}.sub-sidebar-toggle:hover{background:var(--border-color);opacity:1;color:var(--brand-green)}.workspace-container.sub-sidebar-collapsed .sub-sidebar{width:64px}.workspace-container.sub-sidebar-collapsed .sub-sidebar-header{justify-content:center;padding:0}.workspace-container.sub-sidebar-collapsed .sub-sidebar-header h3{display:none}.sub-sidebar-body{flex:1;padding:16px;overflow-y:auto}.workspace-container.sub-sidebar-collapsed .sub-sidebar .sub-sidebar-body{display:none}.workspace-content{flex:1;padding:32px;overflow-y:auto;overflow-x:hidden;background-color:var(--surface-card);min-width:0;display:flex;flex-direction:column}@media(max-width:768px){.workspace-content{padding:0 12px 12px;padding-bottom:calc(100px + var(--safe-bottom, 0px));transition:filter .3s cubic-bezier(.4,0,.2,1)}.workspace-content.is-blurred{filter:blur(8px);transition:filter .3s cubic-bezier(.4,0,.2,1)}}@media(max-width:1280px){.workspace-content{padding:24px}.sub-sidebar{width:240px}}@media(max-width:1024px){.workspace-content{padding:0 12px 12px}.sub-sidebar{width:240px;position:fixed;z-index:1001;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1),bottom .3s cubic-bezier(.4,0,.2,1)}.sub-sidebar.tray-visible{bottom:64px}.workspace-container:not(.sub-sidebar-collapsed) .sub-sidebar{transform:translate(0)}.sidebar-backdrop,.menu-backdrop{position:fixed;inset:0;z-index:1000;background:transparent;cursor:pointer}}.sub-nav-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.sub-nav-item.navigable{cursor:pointer}.sub-nav-item.navigable:hover{background:#2dd4bf0d;border-color:var(--brand-green);transform:translate(4px)}.sub-nav-text p{margin:0;font-size:.85rem;font-weight:500;color:var(--text-color)}.sub-nav-text small{font-size:.7rem;opacity:.5}.nav-arrow{margin-left:auto;opacity:.3;transition:opacity .3s}.sub-nav-item:hover .nav-arrow{opacity:1;color:var(--brand-green)}.filters-row-toggle{display:flex!important;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-color);border-bottom:2px solid var(--border-color);cursor:pointer;width:100%;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:var(--radius-button);margin-bottom:4px;-webkit-tap-highlight-color:transparent}.filters-row-toggle:hover{background:var(--halo-bg)}.filters-row-toggle p{margin:0;font-weight:800;font-size:.8rem;color:var(--text-color);letter-spacing:1px}.filters-action-btn{background:none;border:none;color:var(--brand-green);font-size:.75rem;font-weight:800;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s;opacity:.6}.filters-action-btn:hover{background:var(--halo-bg);opacity:1}.filters-action-btn.active{opacity:1;text-decoration:underline}.sub-sidebar-header h3,.sub-sidebar-header h3.navigable-header,.sub-sidebar .halo-button{text-transform:none!important}.home-summary-view{animation:fadeIn .4s ease-out;background-color:var(--surface-card);padding:clamp(20px,5vw,40px);border-radius:0;height:100%;overflow-y:auto}@media screen and (max-width:1280px){.home-summary-view{padding:24px}}@media screen and (max-width:1024px){.home-summary-view{padding:16px}}@media screen and (max-width:768px){.home-summary-view{padding-top:0!important}.mobile-header-switcher-sticky-container{position:sticky;top:0;z-index:2004;background-color:var(--bg-color);margin-left:-16px;margin-right:-16px;padding:4px 16px}.mobile-header-switcher-spacer{height:10px;background-color:var(--bg-color);width:100%}.summary-navigation-tray{display:block!important;background:color-mix(in srgb,var(--bg-color),transparent 10%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative!important;border-bottom:1px solid rgba(255,255,255,.08);margin-top:0;margin-bottom:4px;padding:0}.summary-nav-container{display:flex;height:46px;width:100%;justify-content:space-around;align-items:center;padding:0 2px}.summary-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-color);opacity:.35;gap:1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:32px!important;min-width:0!important;border-radius:10px;margin:1px;padding:0 2px;position:relative;box-shadow:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.summary-nav-item:active{background:transparent}.summary-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .3s ease;position:relative}.summary-icon-wrapper svg{opacity:1!important}.summary-badge-count{position:absolute;top:-2px;right:-4px;background:var(--stage-accent);color:#000;font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:800;min-width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 2px;box-shadow:0 2px 6px #0000004d}.stage-red{--stage-accent: var(--brand-red, #ef4444)}.stage-green{--stage-accent: var(--brand-green)}.stage-slate{--stage-accent: #94a3b8}.stage-mint{--stage-accent: var(--brand-mint, #10b981)}.stage-orange{--stage-accent: var(--brand-yellow, #f59e0b)}.request-support-plus{font-size:.9rem;font-weight:800;color:var(--brand-mint, #10b981)}.summary-nav-label{font-size:.48rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;transition:all .2s ease;white-space:normal;text-align:center;line-height:1;max-width:72px}.summary-nav-item.active{opacity:1;color:var(--stage-accent);border:none;background:transparent;box-shadow:none}.summary-nav-item.active .summary-icon-wrapper{background:#ffffff0d;box-shadow:0 0 15px -8px var(--stage-accent)}.animate-fade-in{animation:simpleFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}}@media screen and (min-width:769px){.summary-navigation-tray{display:none}}@keyframes simpleFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-squircle, 24px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:simpleFadeIn .5s ease-out}.welcome-greeting h2{font-family:Inter,system-ui,sans-serif;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:800;margin:0 0 4px;color:var(--text-color)}.welcome-greeting .highlight-name{color:var(--brand-green)}.welcome-subtitle{font-size:clamp(.75rem,1.8vw,.9rem);color:var(--text-color);opacity:.6;margin:0}.tutorial-hub-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;height:auto;min-height:44px;white-space:nowrap}.tutorial-hub-trigger-btn .btn-icon{font-size:1.1rem}@media screen and (max-width:768px){.home-dashboard-header{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;margin-bottom:2px!important;margin-top:-8px!important}.welcome-greeting h2{font-size:.98rem!important}.mobile-header-sandbox-btn{position:absolute!important;left:38px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;background:#f59e0b0d!important;border:none!important;color:#f59e0b!important;z-index:2003!important;box-sizing:border-box!important}.mobile-header-tutorial-btn{position:absolute!important;left:8px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;z-index:2003!important;box-sizing:border-box!important}.mobile-header-profile-container{position:absolute!important;right:8px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:2003!important;display:flex!important;align-items:center!important}.mobile-header-profile-container .user-profile-toggle{padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;min-width:26px!important;min-height:26px!important;width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-header-profile-container .user-profile-toggle .user-info-text{display:none!important}.mobile-header-profile-container .user-avatar{width:26px!important;height:26px!important;font-size:.65rem!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}}.summary-header{margin-bottom:clamp(20px,4vh,40px);border-left:4px solid var(--brand-mint);padding-left:15px}.summary-header h2{font-size:1.25rem!important;font-weight:800!important;letter-spacing:-.5px!important;text-transform:uppercase!important;color:var(--text-color);opacity:.9;margin:0}@media screen and (min-width:769px){.summary-header h2{font-size:1.4rem!important}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.summary-column-group{display:flex;flex-direction:column;gap:10px}.summary-card{border-left:3px solid color-mix(in srgb,var(--stage-color),transparent 30%);background-color:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-squircle);padding:clamp(12px,2vh,20px) 24px;display:flex;justify-content:space-between;align-items:center;min-height:90px;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.summary-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.summary-count{font-size:2.2rem;font-weight:900;color:color-mix(in srgb,var(--stage-color),transparent 50%);-webkit-text-stroke:1.5px color-mix(in srgb,var(--stage-color),transparent 40%);letter-spacing:1px;line-height:1}.summary-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.6;text-align:right}.summary-card-content{display:flex;justify-content:space-between;align-items:center;width:100%}.is-tappable{cursor:pointer!important;-webkit-user-select:none;user-select:none}.expand-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--stage-color);opacity:.6;transition:transform .3s cubic-bezier(.4,0,.2,1);margin-left:12px}.expand-indicator.active{transform:rotate(180deg);opacity:1}.expand-indicator svg{width:16px;height:16px}.vertical-breakdown-list{background-color:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-button);padding:12px 4px;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:var(--shadow-premium);animation:expandSlideDown .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes expandSlideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.vertical-mini-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.75rem;border-bottom:1px solid rgba(255,255,255,.03)}.vertical-mini-row:last-child{border-bottom:none}.v-mini-label{opacity:.6;font-weight:500;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.v-mini-count{font-weight:800;font-family:monospace;font-size:.9rem;color:var(--stage-color);-webkit-text-stroke:.8px var(--stage-color)}.summary-column-group:hover .vertical-breakdown-list{transform:translateY(-2px);filter:brightness(1.1)}@media screen and (max-width:1280px){.summary-header{margin-bottom:24px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}}@media screen and (max-width:1024px){.summary-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.executive-summary-section{margin-top:32px!important}.summary-header{margin-bottom:8px!important}.summary-grid{grid-template-columns:1fr;gap:12px}.summary-card{min-height:80px;padding:12px 20px}.summary-card-content{justify-content:flex-start;gap:20px}.summary-label{text-align:left}.summary-column-group.is-mobile{gap:8px}.vertical-breakdown-list{margin-top:-4px;border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-color:color-mix(in srgb,var(--surface-card),transparent 20%)}.summary-column-group.is-expanded .summary-card{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.summary-count{font-size:1.8rem}.summary-label{font-size:.75rem}}.centralised-task-view{margin-top:clamp(30px,6vh,60px);animation:fadeIn .5s ease-out;padding-bottom:40px}.secondary-header{border-left-color:var(--brand-blue)!important}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center-gap{display:flex;align-items:center;gap:12px}.centralised-task-view .summary-header h2{font-size:1.25rem!important;font-weight:800!important;letter-spacing:-.5px!important;text-transform:uppercase!important}@media screen and (min-width:769px){.centralised-task-view .summary-header h2{font-size:1.4rem!important}}.section-description{font-size:.9rem;opacity:.7;color:var(--text-color);margin-top:8px;margin-bottom:24px;max-width:100%;line-height:1.5;white-space:pre-line}.centralised-board{display:flex;gap:20px;align-items:flex-start;overflow-x:auto;padding-bottom:20px;scrollbar-width:thin}.centralised-column{flex:1;min-width:270px;background:color-mix(in srgb,var(--surface-card),transparent 60%);border:1px solid var(--border-color);border-radius:var(--radius-squircle);padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:border-color .3s ease,box-shadow .3s ease;min-height:380px}.centralised-column:hover{border-color:color-mix(in srgb,var(--column-accent),transparent 50%);box-shadow:0 8px 30px #0000001a}.column-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.column-dot{width:8px;height:8px;border-radius:50%}.column-title{font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;color:var(--text-color);opacity:.9}.column-count{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:20px;background-color:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color);opacity:.7;margin-left:auto}.column-cards-container{display:flex;flex-direction:column;gap:12px;min-height:250px;overflow-y:auto}.column-empty-state{display:flex;align-items:center;justify-content:center;min-height:100px;border:1px dashed var(--border-color);border-radius:var(--radius-button);opacity:.4;font-size:.75rem}.centralised-board-empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:1px solid var(--border-color);border-radius:var(--radius-squircle);background:color-mix(in srgb,var(--surface-card),transparent 50%);text-align:center;overflow:hidden;box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.empty-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:var(--halo-glow);filter:blur(80px);pointer-events:none;opacity:.5}.empty-icon{font-size:2.5rem;color:var(--brand-green);line-height:1;margin-bottom:16px;text-shadow:0 0 20px var(--halo-glow)}.centralised-board-empty h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.centralised-board-empty p{font-size:.85rem;opacity:.6;max-width:320px;margin:0 auto}.centralised-actions-row{margin-top:-8px;margin-bottom:24px;display:flex;justify-content:flex-start;width:100%}@media screen and (max-width:1024px){.centralised-board{gap:16px}.centralised-column{min-width:240px}}@media screen and (max-width:768px){.centralised-task-view{margin-top:12px!important;padding-bottom:20px}.summary-header,.section-description{margin-bottom:24px!important}.centralised-board{display:block!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important;gap:0!important}.centralised-column{display:none!important;width:100%!important;min-width:100%!important;margin:0!important;padding:12px 0 16px!important;background:transparent!important;border:none!important;box-shadow:none!important}.centralised-column.active{display:flex!important;animation:stageFadeSlideIn .3s ease forwards}.column-cards-container{min-height:auto;overflow-y:visible!important}.centralised-stage-navigation-tray{display:block;background:color-mix(in srgb,var(--bg-color),transparent 10%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px;margin-left:-16px;margin-right:-16px;padding:0 16px}.centralised-stage-nav-container{display:flex;height:46px;width:100%;justify-content:space-around;align-items:center;padding:0 2px}.centralised-stage-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-color);opacity:.5;gap:1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:32px!important;min-width:0!important;border-radius:10px;margin:1px;padding:0 2px;position:relative;box-shadow:none!important}.centralised-stage-nav-item .centralised-stage-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .3s ease;position:relative}.centralised-stage-badge-count{position:absolute;top:-2px;right:-4px;background:var(--stage-accent);color:#000;font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:800;min-width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 2px;box-shadow:0 2px 8px #0000004d}.centralised-stage-nav-label{font-size:.48rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;transition:all .2s ease;white-space:normal;text-align:center;line-height:1;max-width:72px}.centralised-stage-nav-item.active{opacity:1;color:var(--stage-accent)}.centralised-stage-nav-item.active .centralised-stage-icon-wrapper{background:#ffffff0d;box-shadow:0 0 15px -8px var(--stage-accent)}.add-escalation-btn{font-size:1.15rem;padding:14px 28px;width:100%;text-align:center}}.board-collapse-toggle-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;color:var(--brand-green);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:32px;min-width:32px}.board-collapse-toggle-btn:hover{transform:translateY(-1px)}.board-collapse-toggle-btn:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}.collapse-chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:1!important;color:var(--brand-green)}.collapse-chevron-icon.collapsed{transform:rotate(-90deg)}.centralised-board-collapsible-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:1;overflow:hidden}.centralised-board-collapsible-wrapper.collapsed{grid-template-rows:0fr;opacity:0;pointer-events:none}.centralised-board-collapsible-content{min-height:0}.home-escalations-board-wrapper{width:100%}.configuration-view{height:calc(100vh - 100px);overflow-y:auto;width:100vw;margin-left:calc(-50vw + 50%);display:block;animation:fadeIn .4s ease-out}.config-inner-wrap{padding:32px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.header-text h2{font-size:1.8rem;font-weight:800;color:var(--brand-green);margin-bottom:8px;letter-spacing:-.5px}.header-text p{font-size:1rem;opacity:.7;margin-bottom:0;line-height:1.5}.view-toggle{display:flex;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:4px}.view-toggle button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:var(--text-color);font-size:1.2rem;transition:all .2s;opacity:.5}.view-toggle button.active{background:var(--primary-color);color:#fff;opacity:1}.config-group{margin-bottom:48px}.group-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-color);opacity:.4;margin-bottom:16px;border-left:2px solid var(--border-color);padding-left:12px}.master-label{color:#a855f7;opacity:1;border-left-color:#a855f7}.grid-view .config-items-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.horizontal-view .config-items-container{display:flex;flex-direction:column;gap:12px}.config-tile{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.config-tile:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color),transparent 95%);transform:translate(4px)}.config-tile.non-clickable{cursor:default;opacity:.8}.config-tile.non-clickable:hover{transform:none;border-color:var(--border-color)}.tile-icon{width:44px;height:44px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.tile-info{flex:1;display:flex;flex-direction:column}.tile-info h4{margin:0 0 4px;font-size:1rem}.tile-info p{margin:0;font-size:.85rem;opacity:.6}.destructive:hover{border-color:#ef4444;background:#ef44440d}.destructive h4{color:#ef4444}@media(max-width:768px){.config-header{flex-direction:column;gap:20px}.config-inner-wrap{padding-bottom:88px}.configuration-view .view-toggle{display:none}}.header-nav{margin-bottom:1rem}.back-link-btn{margin-bottom:24px}.back-link-btn:hover{background:var(--border-color)}.matrix-container{margin-top:2rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;overflow-y:auto;max-height:calc(100vh - 280px);box-shadow:0 4px 20px #0000001a}.matrix-container::-webkit-scrollbar{width:6px}.matrix-container::-webkit-scrollbar-track{background:transparent}.matrix-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.matrix-container::-webkit-scrollbar-thumb:hover{background:var(--brand-green)}.permissions-table{width:100%;border-collapse:collapse;text-align:left}.permissions-table th{background:var(--bg-color);padding:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-color);opacity:.9;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border-color)}.permissions-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:2rem;max-height:calc(100vh - 280px);overflow-y:auto;padding-right:8px;padding-bottom:24px}.roles-grid::-webkit-scrollbar{width:6px}.roles-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.roles-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.roles-grid::-webkit-scrollbar-thumb:hover{background:var(--brand-green)}.role-cell{display:flex;align-items:center;gap:12px}.role-icon{font-size:1.5rem}.role-details{display:flex;flex-direction:column}.role-name{font-weight:700;color:var(--text-color)}.role-id-tag{font-size:.7rem;font-family:monospace;opacity:.5}.checkbox-cell{text-align:center}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#444;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2ecc71}input:focus+.slider{box-shadow:0 0 1px #2ecc71}input:checked+.slider:before{transform:translate(22px)}input:disabled+.slider{background-color:#222;cursor:not-allowed;opacity:.5}.matrix-footer{margin-top:1.5rem;font-size:.8rem;color:var(--text-color);opacity:.6;font-style:italic}.user-mgmt-header{margin-bottom:32px}.user-mgmt-header h2{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-color)}.user-mgmt-header p{opacity:.6}.user-list-wrapper{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-squircle);overflow:hidden;flex-shrink:0}.user-table{width:100%;border-collapse:collapse;text-align:left}.user-table th{padding:16px;background-color:var(--bg-color);font-size:13px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.user-table td{padding:16px;border-bottom:1px solid var(--border-color)}.user-identity{display:flex;flex-direction:column}.user-name-cell{font-weight:700;font-size:15px}.user-email-cell{font-size:13px;opacity:.5}.role-badge.master_admin{background:color-mix(in srgb,var(--brand-amber),transparent 80%);color:var(--brand-amber)}.role-badge.vertical_admin{background:color-mix(in srgb,var(--brand-blue),transparent 80%);color:var(--brand-blue)}.role-badge.master_viewer{background:color-mix(in srgb,#9b59b2,transparent 80%);color:#9b59b2}.vertical-tags{display:flex;flex-wrap:wrap;gap:6px}.edit-user-btn{padding:8px;min-width:36px;height:36px;font-size:1.2rem;line-height:1}.edit-user-btn:hover{transform:translateY(-2px)}.edit-modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,#000,transparent 20%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.edit-modal{background:var(--bg-color);width:100%;max-width:500px;padding:32px;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 40px color-mix(in srgb,#000,transparent 60%);max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:18px;font-weight:700;margin:0}.close-modal{background:transparent;border:none;color:var(--text-color);font-size:20px;cursor:pointer;opacity:.5;transition:opacity .2s;padding:4px 8px;border-radius:6px}.close-modal:hover{opacity:1;background:color-mix(in srgb,var(--text-color),transparent 90%)}.form-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.form-section label{font-weight:700;font-size:14px;opacity:.8}.form-section select{padding:14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:15px;font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-section select option{background:var(--bg-color);color:var(--text-color);padding:10px}.vertical-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v-select-btn{padding:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.vertical-selection-grid .v-select-btn.active{background:color-mix(in srgb,var(--brand-mint),transparent 85%);border-color:var(--brand-mint);color:var(--brand-mint);border-width:2px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.cancel-btn,.save-btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.cancel-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.modal-actions .save-btn{background:color-mix(in srgb,var(--brand-mint),transparent 90%);border:1px solid var(--brand-mint);color:var(--brand-mint);transition:all .2s ease}.modal-actions .save-btn:hover{background:color-mix(in srgb,var(--brand-mint),transparent 80%);box-shadow:0 0 20px var(--halo-glow)}.status-banner{padding:16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.status-banner.success{background:color-mix(in srgb,var(--brand-emerald),transparent 85%);color:var(--brand-emerald)}.status-banner.error{background:color-mix(in srgb,var(--priority-urgent),transparent 85%);color:var(--priority-urgent)}.user-role-modal{max-width:600px}.role-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.section-label{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;opacity:.6}.scope-options,.level-options{display:flex;flex-direction:column;gap:10px}.scope-card,.level-card{display:flex;align-items:center;gap:12px;padding:12px;background:color-mix(in srgb,var(--text-color),transparent 97%);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.scope-card:hover,.level-card:hover{background:color-mix(in srgb,var(--text-color),transparent 94%);border-color:color-mix(in srgb,var(--text-color),transparent 70%)}.scope-card.active,.level-card.active{background:color-mix(in srgb,var(--brand-green),transparent 90%);border-color:var(--brand-green);box-shadow:0 0 15px color-mix(in srgb,var(--brand-green),transparent 85%)}.radio-circle{width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;position:relative;transition:all .2s}.scope-card.active .radio-circle,.level-card.active .radio-circle{border-color:var(--brand-green)}.scope-card.active .radio-circle:after,.level-card.active .radio-circle:after{content:"";position:absolute;inset:3px;background:var(--brand-green);border-radius:50%}.scope-info,.level-info{display:flex;flex-direction:column}.scope-name,.level-name{font-weight:700;font-size:14px;color:var(--text-color)}.scope-desc,.level-desc{font-size:11px;opacity:.5;line-height:1.3}.vertical-assignment-section{padding-top:20px;border-top:1px solid var(--border-color)}.vertical-permission-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.vertical-perm-item .v-name{font-weight:600;font-size:.9rem;color:var(--text-color)}.v-level-selector{display:flex;gap:4px}.v-lvl-btn{background:color-mix(in srgb,var(--text-color),transparent 95%);border:1px solid var(--border-color);color:var(--text-color);padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s;opacity:.5}.v-lvl-btn:hover{opacity:1;background:color-mix(in srgb,var(--text-color),transparent 90%)}.v-lvl-btn.active{opacity:1;border-color:var(--brand-green, #10b981);background:color-mix(in srgb,var(--brand-green, #10b981),transparent 85%);color:var(--brand-green, #10b981);border-width:2px}.v-lvl-btn.active.lvl-none{border-color:var(--text-secondary);background:color-mix(in srgb,var(--text-secondary),transparent 85%);color:var(--text-secondary)}.v-tag{display:inline-block;padding:4px 8px;background:color-mix(in srgb,var(--brand-green),transparent 95%);border:1px solid color-mix(in srgb,var(--brand-green),transparent 70%);color:var(--brand-green);border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;margin-right:4px;margin-bottom:4px;letter-spacing:.3px}.v-tag.master{background:color-mix(in srgb,var(--brand-green),transparent 85%);border:1px solid var(--brand-green);color:var(--brand-green);box-shadow:0 0 10px var(--halo-glow)}.v-tag.locked{background:color-mix(in srgb,var(--text-secondary),transparent 95%);border:1px solid color-mix(in srgb,var(--text-secondary),transparent 70%);color:var(--text-secondary)}.vertical-perm-item-wrapper{display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--text-color),transparent 98%);border:1px solid var(--border-color);border-radius:10px;padding:4px}.vertical-perm-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:transparent;border:none}.left-side-controls{display:flex;align-items:center;gap:12px}.features-toggle-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-color);opacity:.5;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}.features-toggle-btn:hover{background:var(--halo-bg);opacity:1;color:var(--brand-green)}.features-toggle-btn.active{opacity:1;color:var(--brand-green);background:color-mix(in srgb,var(--brand-mint),transparent 90%)}.chevron{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:-2px}.chevron.up{transform:rotate(-135deg);margin-top:2px}.features-dropdown{padding:16px;background:color-mix(in srgb,#000,transparent 80%);border-top:1px solid var(--border-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;animation:slideDown .2s ease-out}.features-header{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-color);opacity:.5;margin-bottom:12px;letter-spacing:.5px}.features-level-list{display:flex;flex-direction:column;gap:12px}.feature-level-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--text-color),transparent 95%)}.feature-level-row:last-child{border-bottom:none}.feature-level-row--overridden{background:#f59e0b0a;margin:0 -8px;padding:8px;border-radius:6px}.feature-label-group{display:flex;align-items:center;gap:6px;min-width:0}.feature-label{font-size:13px;font-weight:600;color:var(--text-color);opacity:.9}.feature-override-tag{font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:1px 5px;min-height:16px;display:inline-flex;align-items:center;background:#f59e0b24;border:1px solid rgba(245,158,11,.4);border-radius:3px;color:var(--brand-amber, #f59e0b);flex-shrink:0}.v-level-selector.mini{gap:2px}.v-level-selector.mini .v-lvl-btn{padding:4px 6px;min-width:32px;font-size:10px}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.user-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px;transition:transform .2s,box-shadow .2s}.user-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px color-mix(in srgb,#000,transparent 80%);border-color:color-mix(in srgb,var(--brand-green),transparent 70%)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start}.user-card-id{display:flex;flex-direction:column}.user-card-id .user-name{font-size:17px;font-weight:700}.user-card-id .user-email{font-size:13px;opacity:.5}.user-card-body label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin-bottom:8px}.user-card-actions{margin-top:auto}.user-card-actions .edit-user-btn{width:100%}.v-tag.simple{background:color-mix(in srgb,var(--text-color),transparent 95%);border:1px solid var(--border-color);color:var(--text-color)}.v-tag.linked-active{background:color-mix(in srgb,var(--badge-green-text),transparent 88%);border:1px solid color-mix(in srgb,var(--badge-green-text),transparent 72%);color:var(--badge-green-text)}.v-tag.linked-inactive{background:color-mix(in srgb,var(--badge-red-text),transparent 92%);border:1px solid color-mix(in srgb,var(--badge-red-text),transparent 78%);color:var(--badge-red-text);opacity:.85}.user-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.user-status-badge--active{background:color-mix(in srgb,var(--badge-green-text),transparent 88%);border:1px solid color-mix(in srgb,var(--badge-green-text),transparent 70%);color:var(--badge-green-text)}.user-status-badge--active:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--badge-green-text);box-shadow:0 0 6px var(--badge-green-text);animation:pulse-dot 2s infinite}.user-status-badge--inactive{background:color-mix(in srgb,var(--badge-red-text),transparent 92%);border:1px solid color-mix(in srgb,var(--badge-red-text),transparent 75%);color:var(--badge-red-text)}.user-status-badge--inactive:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--badge-red-text)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.user-row--inactive td{opacity:.5}.user-row--inactive:hover td{opacity:.75}.user-grid .user-card.user-card--inactive{opacity:.55;border-color:color-mix(in srgb,var(--priority-urgent),transparent 80%)}.user-grid .user-card.user-card--inactive:hover{opacity:.85;border-color:color-mix(in srgb,var(--priority-urgent),transparent 65%)}.user-card-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.user-row-actions{display:flex;align-items:center;gap:6px}.user-row-actions .deactivate-btn,.user-card-actions .deactivate-btn{padding:6px 12px;font-size:11px;font-weight:700;background:transparent;border:1px solid var(--border-color);color:var(--text-color);opacity:.6;border-radius:6px;white-space:nowrap;transition:all .2s ease}.user-row-actions .deactivate-btn:hover,.user-card-actions .deactivate-btn:hover{background:color-mix(in srgb,var(--priority-urgent),transparent 92%);border-color:color-mix(in srgb,var(--priority-urgent),transparent 60%);color:var(--badge-red-text);opacity:1;transform:translateY(-1px)}.user-row-actions .reactivate-btn,.user-card-actions .reactivate-btn{padding:6px 12px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--badge-green-text),transparent 92%);border:1px solid color-mix(in srgb,var(--badge-green-text),transparent 70%);color:var(--badge-green-text);border-radius:6px;white-space:nowrap;transition:all .2s ease}.user-row-actions .reactivate-btn:hover,.user-card-actions .reactivate-btn:hover{background:color-mix(in srgb,var(--badge-green-text),transparent 82%);border-color:color-mix(in srgb,var(--badge-green-text),transparent 50%);transform:translateY(-1px)}@media screen and (max-width:1280px){.user-mgmt-header h2{font-size:24px}}@media screen and (max-width:1024px){.user-list-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-table{min-width:800px}.user-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.user-card{padding:16px}}@media screen and (max-width:768px){.user-mgmt-header{margin-bottom:24px}.user-mgmt-header h2{font-size:20px}.user-grid{grid-template-columns:1fr}.edit-modal{padding:20px;width:95%}.role-config-grid{grid-template-columns:1fr;gap:16px}}.view-mode-toggle--expanded{display:flex;gap:16px;align-items:center}.view-toggle-group{display:flex;background:var(--halo-bg);border-radius:8px;padding:2px}.header-divider{width:1px;height:24px;background:var(--border-color);opacity:.5}.header-action-btn{padding:6px 12px;font-size:12px}.sync-modal{max-width:600px}.sync-modal-content{min-height:380px}.sync-target-container{min-height:auto;padding:0;background:transparent;border:none}.sync-target-container .empty-state-text{opacity:.5;margin:0;padding:8px;font-size:.9rem}.sync-help-text{font-size:12px;opacity:.6;margin-top:8px}.sync-help-text.warning-text{color:var(--status-warning, var(--brand-amber, #f59e0b));opacity:.8}.form-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.select-all-btn{background:transparent;border:none;color:var(--brand-green);font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase}.select-all-btn:hover{text-decoration:underline}.multi-select-container{max-height:200px;overflow-y:auto;padding:8px}.empty-state-text{padding:12px;font-size:13px;opacity:.5;text-align:center;margin:0}.checkbox-list{display:flex;flex-direction:column;gap:4px}.checkbox-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;background:transparent;transition:background .2s}.checkbox-item:hover{background:color-mix(in srgb,var(--text-color),transparent 95%)}.checkbox-item.selected{background:color-mix(in srgb,var(--brand-green),transparent 90%)}.checkbox-item .user-info{display:flex;flex-direction:column}.checkbox-item .user-name{font-size:14px;font-weight:600;color:var(--text-color);transition:color .2s}.checkbox-item.selected .user-name{color:var(--brand-green)}.checkbox-item .user-email{font-size:12px;opacity:.5}.halo-button.save-btn.disabled{opacity:.5;cursor:not-allowed}.dropdown-fallback-option{color:var(--text-color);background:#0b1314}.tutorial-hub-page{animation:fadeIn .4s ease-out;padding:clamp(16px,4vw,32px)}.platform-toggle-container{display:flex;align-items:center;gap:12px}.platform-toggle-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;opacity:.5}.platform-selector-group{display:flex;background:var(--halo-bg);border:1px solid var(--border-color);border-radius:var(--radius-button, 12px);padding:3px;gap:4px}.platform-toggle-btn{background:transparent;border:1px solid transparent;border-radius:9px;padding:5px 13px;font-size:.8rem;font-weight:700;color:var(--text-color);opacity:.6;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:auto}.platform-toggle-btn.active{background:color-mix(in srgb,var(--brand-green) 15%,transparent);border:1px solid var(--brand-green);color:var(--brand-green)!important;opacity:1}.header-back-dashboard-btn{font-size:.8rem;padding:8px 16px;height:auto;min-height:44px}.tutorial-categories-grid{display:flex;flex-direction:column;gap:32px;margin-top:24px;padding-bottom:40px}.category-section-title{font-family:Inter,system-ui,sans-serif;font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:800;color:var(--text-color);margin:0 0 16px;border-left:3px solid var(--brand-green);padding-left:10px;text-transform:uppercase;letter-spacing:.5px}.category-flows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.tutorial-flow-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-squircle, 24px);padding:24px;display:flex;flex-direction:column;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tutorial-flow-card:hover{transform:translateY(-2px);border-color:var(--brand-green);box-shadow:0 12px 30px #0006,0 0 15px var(--halo-glow);background:#ffffff0a}.flow-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.access-level-badge{font-family:JetBrains Mono,monospace;font-weight:800;font-size:.65rem;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;min-height:20px;display:inline-flex;align-items:center}.flow-indicator-icon{font-size:.75rem;opacity:.3;color:var(--text-color);transition:all .2s ease}.tutorial-flow-card:hover .flow-indicator-icon{opacity:1;color:var(--brand-green);transform:scale(1.1)}.flow-card-title{font-family:Inter,system-ui,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-color);margin:0 0 10px;line-height:1.3}.flow-card-description{font-size:.88rem;line-height:1.5;color:var(--text-color);opacity:.55;margin:0 0 20px;flex:1;white-space:pre-wrap}.flow-card-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.05);padding-top:16px;margin-top:auto}.flow-version-btn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;min-height:48px;gap:3px;cursor:pointer;pointer-events:auto!important;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-button, 12px);width:100%}.version-btn-title{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.version-btn-subtitle{font-family:JetBrains Mono,monospace;font-size:.62rem;opacity:.6;text-transform:uppercase;letter-spacing:.3px;line-height:1}.flow-version-btn.active-version{border-color:var(--brand-green)!important;background:var(--halo-bg)!important;box-shadow:0 0 12px var(--halo-glow)!important;opacity:1!important}.flow-version-btn.active-version .version-btn-subtitle{opacity:.9}.tutorial-slideshow-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.slideshow-modal-card{width:100%;max-width:1620px;height:94vh;background:#09090b;border:1px solid var(--border-color);border-radius:var(--radius-squircle, 24px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0009;position:relative}.slideshow-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border-color);background:#ffffff03}.flow-category-label{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--brand-green);letter-spacing:1px}.slideshow-flow-title{margin:2px 0 0;font-family:Inter,system-ui,sans-serif;font-size:1.02rem;font-weight:800;color:var(--text-color)}.slideshow-close-btn{background:transparent;border:none;color:var(--text-color);opacity:.5;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:38px;min-width:38px}.slideshow-close-btn:hover{opacity:1;background:#ffffff0d;color:var(--brand-red, #ef4444)}.slideshow-content-body{flex:1;display:flex;align-items:center;justify-content:center;background:#020202;overflow:auto;padding:10px}.screenshot-wrapper-container{position:relative;max-width:100%;max-height:100%;display:inline-block;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080}.tutorial-screenshot-img{max-width:100%;max-height:88vh;display:block;object-fit:contain;background:#121214;border-radius:12px}.annotations-overlay-layer{position:absolute;inset:0;pointer-events:none}.annotation-highlight-circle{position:absolute;border:2px solid var(--brand-green);border-radius:50%;box-shadow:0 0 0 9999px #0006,0 0 15px var(--halo-glow);transform:translate(0);animation:pulseHighlightCircle 2s infinite ease-in-out;pointer-events:none}.circle-annotation-label-box{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:var(--brand-green);color:#000;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:4px;white-space:nowrap;box-shadow:0 4px 10px #0006;letter-spacing:.5px;text-transform:uppercase}@keyframes pulseHighlightCircle{0%{box-shadow:0 0 0 9999px #0006,0 0 8px var(--halo-glow);border-color:var(--brand-green)}50%{box-shadow:0 0 0 9999px #00000073,0 0 25px #2dd4bf66;border-color:#fff}to{box-shadow:0 0 0 9999px #0006,0 0 8px var(--halo-glow);border-color:var(--brand-green)}}.annotation-thought-bubble{position:absolute;background:#121214d9;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 16px;width:240px;box-shadow:var(--shadow-premium),0 0 10px #2dd4bf1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;transform:translate(-50%,-120%);z-index:100}.thought-bubble-pulse{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--brand-green);border-radius:50%;box-shadow:0 0 10px var(--brand-green)}.thought-bubble-text{font-family:Inter,system-ui,sans-serif;font-size:.8rem;line-height:1.45;color:var(--text-color);font-weight:500}.thought-bubble-pointer{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(18,18,20,.85)}.annotation-thought-bubble.align-bottom-right .thought-bubble-pointer,.annotation-thought-bubble.align-bottom-left .thought-bubble-pointer{bottom:auto;top:-8px;border-top:none;border-bottom:8px solid rgba(18,18,20,.85)}.annotation-thought-bubble.align-bottom-right .thought-bubble-pulse,.annotation-thought-bubble.align-bottom-left .thought-bubble-pulse{top:-12px}.annotations-svg-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.arrow-text-label{background:#000c;border:1px solid var(--border-color);color:var(--brand-green);font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;padding:3px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 6px #0000004d}.slideshow-modal-footer{padding:4px 24px;border-top:1px solid var(--border-color);background:#ffffff03;display:flex;flex-direction:column;gap:6px}.slideshow-caption-box{background:#ffffff03;border-left:4px solid var(--brand-green);padding:4px 12px;border-radius:0 8px 8px 0}.slideshow-caption-text{margin:0;font-family:Inter,system-ui,sans-serif;font-size:.84rem;line-height:1.45;color:var(--text-color)}.slideshow-nav-controls-row{display:flex;justify-content:space-between;align-items:center}.slideshow-control-btn{font-size:.7rem;font-weight:700;padding:6px 12px;height:auto;min-height:32px;display:inline-flex;align-items:center;gap:4px;border:none!important;box-shadow:none!important}.slideshow-control-btn.disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.slideshow-step-dots{display:flex;gap:8px}.step-dot-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff26;cursor:pointer;transition:all .2s ease}.step-dot-indicator:hover{background:#fff6}.step-dot-indicator.active{background:var(--brand-green);transform:scale(1.2);box-shadow:0 0 8px var(--halo-glow)}@media screen and (max-width:1200px){.slideshow-modal-card{max-width:98%;height:94vh}.tutorial-screenshot-img{max-height:86vh}}@media screen and (max-width:768px){.tutorial-categories-grid{gap:20px}.category-flows-grid{grid-template-columns:1fr}.tutorial-slideshow-overlay{padding:10px}.slideshow-modal-card{max-width:100%;height:95vh}.slideshow-modal-header{padding:10px 16px}.slideshow-flow-title{font-size:.9rem}.slideshow-modal-footer{padding:4px 12px 2px;gap:4px}.slideshow-caption-text{font-size:.74rem}.tutorial-screenshot-img{max-height:82vh}.annotation-thought-bubble{width:180px;padding:8px 12px}.thought-bubble-text{font-size:.72rem}}@media screen and (max-width:480px){.flow-card-footer{gap:8px;padding-top:12px}.flow-version-btn{padding:6px 8px;min-height:44px;gap:2px}.version-btn-title{font-size:.64rem}.version-btn-subtitle{font-size:.55rem}}.tutorial-slideshow-overlay.onboarding-overlay{align-items:center;justify-content:center;padding:0;background:#09090b}.slideshow-onboarding-card{width:100%;max-width:100%;height:100%;max-height:100%;background:#09090b;border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;position:relative;padding:0}.onboarding-header{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:10}.onboarding-back-btn{background:transparent;border:none;color:var(--text-color);opacity:.5;cursor:pointer;transition:opacity .2s ease,color .2s ease,transform .2s ease;padding:2px 6px;display:flex;align-items:center;justify-content:center}.onboarding-back-btn:hover{opacity:1;color:#fff;transform:translate(-2px)}.onboarding-back-placeholder{width:28px;height:28px}.onboarding-skip-btn{background:transparent;border:none;color:var(--text-color);opacity:.5;font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,color .2s ease;padding:2px 6px}.onboarding-skip-btn:hover{opacity:1;color:#fff}.onboarding-content-body{width:100%;height:100%;box-sizing:border-box;padding:64px 24px 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow-y:auto}.onboarding-image-container{width:100%;max-width:160px;height:120px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.onboarding-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.onboarding-image-container.logo-container{max-width:80px;height:60px;margin-bottom:8px}.onboarding-image.logo-image{max-width:100%;max-height:100%}.onboarding-title{font-family:Inter,system-ui,sans-serif;font-size:1.35rem;font-weight:800;color:var(--text-color);margin:0 0 8px;letter-spacing:-.02em;flex-shrink:0}.onboarding-text{font-size:.88rem;line-height:1.5;color:var(--text-color);opacity:.65;margin:0;font-family:Inter,system-ui,sans-serif;white-space:pre-line}.onboarding-footer{position:absolute;bottom:24px;left:24px;right:24px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10}.onboarding-dots{justify-content:center;gap:10px}.onboarding-dots .step-dot-indicator{transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-dots .step-dot-indicator.active{width:24px;background:var(--brand-green);border-radius:4px;transform:none;box-shadow:0 0 12px #2dd4bf66}.onboarding-next-btn{width:100%;padding:12px!important;font-size:1rem!important;border-radius:12px!important;background:var(--brand-green)!important;color:#000!important;font-weight:800!important;border:none!important;box-shadow:0 8px 24px #2dd4bf33!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.onboarding-next-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #2dd4bf59!important}@media screen and (max-height:700px){.onboarding-image-container{max-width:200px;margin-bottom:20px}.onboarding-title{font-size:1.3rem;margin-bottom:12px}.onboarding-text{font-size:.85rem}.onboarding-footer{gap:20px;padding-top:16px}}@media screen and (min-width:769px){.tutorial-slideshow-overlay.onboarding-overlay{padding:24px;background:#000c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.slideshow-onboarding-card{max-width:410px;height:74vh;max-height:620px;border:1px solid var(--border-color);border-radius:var(--radius-squircle, 24px);box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff0d}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}.login-card{width:100%;max-width:400px;padding:40px;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-squircle);box-shadow:var(--shadow-premium);display:flex;flex-direction:column;gap:24px}.login-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.logo-svg-large{width:64px;height:64px}.login-form h2{margin:0 0 8px;font-size:24px;font-weight:600}.login-subtitle{margin:0 0 16px;font-size:14px;color:var(--text-color);opacity:.7}.login-toggle{display:flex;background-color:var(--bg-color);padding:4px;border-radius:8px;margin-bottom:24px;border:1px solid var(--border-color)}.login-toggle button{flex:1;padding:8px;border:none;background:transparent;color:var(--text-color);font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease;opacity:.6}.login-toggle button.active{background:color-mix(in srgb,var(--brand-green),transparent 85%);color:var(--brand-mint);border:2px solid var(--brand-green);opacity:1}.form-group-stack{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500}.form-group input{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-color);font-size:16px;outline:none;transition:border-color .2s ease}.form-group input:focus{border-color:var(--brand-green)}.login-button{width:100%;padding:12px;background-color:var(--brand-green);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;margin-bottom:12px}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-back-button{width:100%;padding:12px;background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.login-back-button:hover:not(:disabled){background-color:var(--border-color)}.login-message{padding:12px;border-radius:8px;font-size:14px;text-align:center}.login-message.error{background:#ef44441a;color:var(--priority-urgent);border:1px solid rgba(239,68,68,.2)}.login-message.success{background:color-mix(in srgb,var(--brand-green),transparent 90%);color:var(--brand-mint);border:1px solid color-mix(in srgb,var(--brand-green),transparent 70%)}.pending-activation-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;background-color:var(--bg-color);color:var(--text-color);padding:24px;position:relative;overflow:hidden}.pending-activation-container:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,#f9731614,#f9731600 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:blur(40px)}.pending-activation-card{width:100%;max-width:480px;padding:clamp(24px,5vw,48px);background-color:#12121499;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-squircle, 24px);box-shadow:var(--shadow-premium, 0 20px 50px rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--glass-blur, 20px));backdrop-filter:blur(var(--glass-blur, 20px));display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;position:relative;z-index:1;animation:cardEntrance .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pending-activation-header{display:flex;flex-direction:column;align-items:center;gap:12px}.pending-activation-header h1.brand-title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-svg-large{width:64px;height:64px;filter:drop-shadow(0 0 15px rgba(255,255,255,.1))}.activation-status-badge{display:inline-flex;align-items:center;gap:8px;background:#f973161a;border:1px solid rgba(249,115,22,.25);border-radius:999px;padding:6px 16px;position:relative}.badge-glow{width:8px;height:8px;border-radius:50%;background-color:var(--priority-high);position:relative}.badge-glow:after{content:"";position:absolute;inset:-4px;border-radius:50%;background-color:#f9731666;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.badge-text{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--priority-high)}.pending-activation-content{display:flex;flex-direction:column;gap:16px}.pending-activation-content h2{font-size:clamp(20px,4vw,24px);font-weight:700;margin:0;color:var(--color-white)}.pending-activation-content p{font-size:15px;line-height:1.6;color:var(--text-color);opacity:.85;margin:0}.pending-activation-content .instruction-text{font-size:14px;opacity:.7}.support-notice{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 16px;margin-top:8px}.support-icon{font-size:16px}.support-notice span:last-child{font-size:13px;color:var(--text-color);opacity:.6;text-align:left}.pending-activation-card button.logout-btn{width:100%;padding:14px;margin-top:12px;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.online-sync-banner-overlay{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;z-index:10001;padding:16px;pointer-events:none}.online-sync-banner{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:760px;background:#09090bcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-button, 12px);padding:12px 20px;box-shadow:0 10px 30px #0006,0 0 15px #10b9811a;animation:slideDownIn .4s cubic-bezier(.16,1,.3,1);gap:16px}.sync-banner-left{display:flex;align-items:center;gap:12px}.online-indicator-dot{width:10px;height:10px;background-color:var(--brand-emerald);border-radius:50%;display:inline-block;box-shadow:0 0 color-mix(in srgb,var(--brand-emerald),transparent 30%);animation:pulseGreen 2s infinite}.sync-banner-text{margin:0;font-size:.9rem;line-height:1.4;color:var(--text-color, #f4f4f5)}.sync-banner-text strong{color:var(--brand-emerald)}.sync-banner-right{display:flex;align-items:center;gap:12px}.online-sync-banner .dismiss-banner-btn{font-size:.75rem;color:var(--text-color, #f4f4f5);opacity:.6;border-color:transparent;background:none;padding:0 12px;height:32px}.online-sync-banner .dismiss-banner-btn:hover{opacity:1}.online-sync-banner .reconnect-sync-btn{font-size:.75rem;color:var(--brand-emerald);border-color:transparent;background:color-mix(in srgb,var(--brand-emerald),transparent 95%);padding:0 16px;height:32px}.online-sync-banner .reconnect-sync-btn:hover{border-color:transparent;background:color-mix(in srgb,var(--brand-emerald),transparent 90%);box-shadow:0 0 12px color-mix(in srgb,var(--brand-emerald),transparent 80%)}@keyframes slideDownIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 color-mix(in srgb,var(--brand-emerald),transparent 30%)}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}@media screen and (max-width:640px){.online-sync-banner{flex-direction:column;align-items:stretch;padding:14px;gap:12px}.sync-banner-right{justify-content:flex-end;gap:8px}}