*{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%;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:#a1a1aa}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}.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}}.hub-badge.null-hub{opacity:.4;border-style:dashed}.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: #ffffff;--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: rgba(13, 148, 136, .2);--halo-bg: rgba(13, 148, 136, .05);--priority-urgent: #ef4444;--priority-high: #f97316;--priority-medium: #eab308;--priority-low: #22c55e;--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: rgba(59, 130, 246, .1);--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: rgba(239, 68, 68, .1);--badge-red-text: #ef4444}[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: rgba(13, 148, 136, .12);--halo-glow-blue: rgba(59, 130, 246, .08);--halo-bg: rgba(13, 148, 136, .02)}.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}.btn-approve,.btn-reject{padding:4px 10px!important;font-size:.72rem!important;min-width:unset!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.5px;border-radius:8px!important}.btn-approve{color:var(--brand-mint)!important;background:var(--halo-bg)!important;border:1px solid color-mix(in srgb,var(--brand-mint),transparent 70%)!important}.btn-approve:hover{background:color-mix(in srgb,var(--brand-mint),transparent 85%)!important;border-color:var(--brand-mint)!important;box-shadow:0 0 15px var(--halo-glow)}.btn-reject{color:var(--priority-urgent)!important;background:color-mix(in srgb,var(--priority-urgent),transparent 95%)!important;border:1px solid color-mix(in srgb,var(--priority-urgent),transparent 70%)!important}.btn-reject:hover{background:color-mix(in srgb,var(--priority-urgent),transparent 90%)!important;border-color:var(--priority-urgent)!important;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:700;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 90%);border-color:var(--brand-green);box-shadow:0 0 15px 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%)!important;color:var(--brand-mint)!important;border:1px solid color-mix(in srgb,var(--brand-mint),transparent 70%)!important;opacity:1}.status-pill{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:capitalize}.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:#22c55e!important;background:#22c55e1a!important;border-color:#22c55e33!important;opacity:1!important}.badge-warning{color:#eab308!important;background:#eab3081a!important;border-color:#eab30833!important;opacity:1!important}.badge-danger{color:#ef4444!important;background:#ef444426!important;border-color:#ef44444d!important;opacity:1!important}.badge-info{color:var(--brand-blue)!important;background:#3b82f61a!important;border-color:#3b82f633!important;opacity:1!important}.card-priority{opacity:1}.priority-low{color:#22c55e!important;background:#22c55e1a!important;border-color:#22c55e33!important}.priority-medium{color:#eab308!important;background:#eab3081a!important;border-color:#eab30833!important}.priority-high{color:#f97316!important;background:#f9731626!important;border-color:#f973164d!important}.priority-urgent{color:#ef4444!important;background:#ef444426!important;border-color:#ef44444d!important}.priority-completed{color:var(--brand-mint)!important;background:#0d94881a!important;border-color:#0d948833!important}.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)}.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}.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)!important;border:1px solid var(--border-color)!important;color:var(--brand-mint)!important;border-radius:50px!important;padding:6px 16px!important;font-size:.8rem!important;min-width:90px!important;height:34px!important;transition:all .2s ease!important}.bulk-btn:hover{background:color-mix(in srgb,var(--brand-mint),transparent 85%)!important;border-color:var(--brand-mint)!important;box-shadow:0 0 15px var(--halo-glow);transform:translateY(-1px)}.bulk-btn.delete:hover{color:#ef4444!important;background:#ef44441a!important;border-color:#ef44444d!important}.bulk-btn.cancel{color:var(--text-color)!important;opacity:.7}.bulk-btn.cancel:hover{opacity:1;background:#ffffff0d!important}.action-icon-btn,.card-nav-button,.card-edit-button,.card-delete-button,.card-deprio-button,.card-reprio-button,.card-add-sub-button,.card-submit-proof-button{background:transparent;border:none;color:#fff!important;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-nav-button:hover{background:#ffffff14;color:var(--brand-green)!important;transform:translateY(-1px)}.card-delete-button:hover{background:#ef44441a;color:#ef4444!important}.status-toggle-btn{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;width:28px!important;height:28px!important;min-width:auto!important;color:#fff!important;font-size:1.1rem!important;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.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:#ef4444}.status-toggle-btn{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;width:28px!important;height:28px!important;min-width:auto!important;color:#ffffffd9!important;font-size:1.1rem!important;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.status-toggle-btn:hover{background:#ffffff0d!important;color:var(--brand-green)!important;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}}.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) 40px 40px 40px;width:100%;height:calc(100vh - 80px);overflow-y:auto;display:flex;flex-direction:column;animation:fadeIn .4s ease-out}.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}@media screen and (max-width:768px){.app-container{padding-top:var(--safe-top, 0px);padding-left:var(--safe-left, 0px);padding-right:var(--safe-right, 0px)}.app-main-area{margin-left:0!important;width:100%!important;padding-bottom:0}.app-content{padding:12px}}@media screen and (max-width:480px){.sidebar{width:100%}.app-content{padding:8px}}.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)}.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:1;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{border-color:var(--brand-green);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)}.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)}@media screen and (max-width:1280px){.app-header{padding:0 24px;height:70px}.logo-button{left:1.5rem;top:15px}.brand-title-centered{font-size:1.3rem;top:35px}}@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,.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%)}}.sidebar{position:relative;height:100vh;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)}.nav-parent-item{position:relative}.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)}.sub-nav-list{list-style:none!important;padding:0 0 8px 30px!important;margin:0;display:flex;flex-direction:column;gap:2px}.sub-nav-list li{padding:8px 12px!important;margin-bottom:2px!important;font-size:var(--font-xs)!important;opacity:.7;border-radius:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-nav-list li:hover{opacity:1;background-color:var(--border-color)!important}.sub-nav-list li.sub-active{background-color:color-mix(in srgb,var(--brand-green),transparent 95%)!important;color:var(--brand-green)!important;opacity:1;font-weight:600}.v-label-text{flex:1}.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:0;left:0;height:100vh;width:80vw;max-width:300px;transform:translate(-100%);opacity:1!important;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 40px #0000004d;z-index:3010;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.open{transform:translate(0)}.sidebar:not(.open){width:80vw;max-width:300px;transform:translate(-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}}.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-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:100px;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}@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}}.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{color:var(--brand-green)}.list-hierarchy-badges{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.task-card-master{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;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;align-items:center;gap:8px;flex-wrap:wrap;padding-top:0;margin-top:6px}.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){.card-row-3{flex-wrap:wrap!important;overflow-x:visible!important;justify-content:flex-start!important;gap:6px;padding-bottom:8px}.action-icon-btn{width:26px!important;height:26px!important;padding:0!important}}.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:2000;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(90vh,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:95vh;max-height:95vh}.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-content{width:95%;max-width:95%;height:90vh;max-height:90vh;border-radius:var(--radius-squircle);margin:auto}.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;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}.close-modal-btn:hover{opacity:1}.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!important;padding:3px 8px!important;height:24px!important;letter-spacing:.3px}}.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}.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}.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}.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,5vh,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:90vh;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-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}}.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:900px}.master-header-actions-row,.expanded-menu-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;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;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)!important;opacity:1}.menu-trigger-btn.active:hover{color:var(--text-color)!important}.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}.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{display:none}.master-header-actions-row{display:none!important}.expanded-menu-row{position:fixed!important;top:0;left:0;right:0;z-index:2100;margin-top:0;padding:calc(var(--safe-top, 0px) + 20px) 20px 30px 20px;background:var(--bg-color);box-shadow:0 10px 40px #00000080;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-radius:0 0 24px 24px;animation:slidePaneDown .4s cubic-bezier(.19,1,.22,1)}@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}.master-header-left,.master-header-right{flex-direction:column;align-items:stretch;width:100%;gap:16px}.master-header-left .view-mode-toggle{margin-right:0;width:100%}@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}.view-mode-toggle,.header-filter-group{flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:8px!important}.view-mode-toggle .view-toggle-btn,.header-filter-group .toggle-depri-btn{width:100%!important;min-height:44px!important;margin:0!important;justify-content:center}}.master-page-header{padding-top:12px;margin-bottom:16px}.master-page-header.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-action-tray{display:block;position:fixed;bottom:0;left:0;right:0;padding-bottom:100px;margin-bottom:-100px;background:#0f0f0fd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;z-index:4001;transition:transform .4s cubic-bezier(.19,1,.22,1);box-shadow:0 -10px 40px #0006}.mobile-action-tray-container{display:flex;justify-content:space-around;align-items:center;height:calc(64px + var(--safe-bottom, 0px));padding:0 1rem var(--safe-bottom, 0px) 1rem;width:100%}.mobile-action-tray.tray-hidden{transform:translateY(110%);transition:transform .4s cubic-bezier(.32,0,.67,0)}.mobile-action-tray .mobile-tray-btn{background:transparent;border:none;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;color:#fff6;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;flex:1;max-width:80px;min-width:0}.mobile-action-tray .mobile-tray-btn:hover,.mobile-action-tray .mobile-tray-btn.active{background:#2dd4bf14;color:var(--brand-green)}.mobile-action-tray .mobile-tray-btn.active:after{content:"";position:absolute;bottom:6px;width:4px;height:4px;background:var(--brand-green);border-radius:50%;box-shadow:0 0 10px var(--brand-green)}.mobile-action-tray .mobile-add-btn{background:#2dd4bf1f!important;border:1px solid rgba(45,212,191,.2)!important;color:var(--brand-green)!important;transform:scale(1.1);border-radius:16px!important;box-shadow:0 0 20px #2dd4bf1a;max-width:52px;opacity:.9!important}.mobile-action-tray .mobile-add-btn:active{transform:scale(.95)}.mobile-action-tray .mobile-add-btn.active{background:var(--brand-green)!important;color:#000!important;opacity:1!important}@media screen and (max-width:360px){.mobile-action-tray-container{padding:0 .5rem var(--safe-bottom, 0px) .5rem}.mobile-action-tray .mobile-tray-btn{max-width:64px}}@media screen and (max-width:330px){.mobile-action-tray-container{padding:0 .25rem var(--safe-bottom, 0px) .25rem}.mobile-action-tray .mobile-tray-btn{max-width:56px}.mobile-action-tray .mobile-tray-btn .standard-icon{width:18px!important;height:18px!important}.mobile-action-tray .mobile-add-btn{transform:scale(1.05);max-width:48px}}}body.no-scroll{overflow:hidden!important;touch-action: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)}.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}.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}.toggle-depri-btn.active{background:#00ff8526!important;color:var(--brand-mint)!important;border:1px solid var(--brand-mint)!important;opacity:1}.header-filter-group{display:flex;align-items:center;gap:12px}.clear-board-btn{font-size:.75rem;padding:6px 14px;border-color:#ef444433;color:#ef444499}.clear-board-btn:hover{background:#ef444414;border-color:#ef444480;color:#ef4444e6}.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:12px;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-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}.task-count-badge{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px}.empty-msg{font-size:.85rem;color:var(--text-color);opacity:.3;text-align:center;margin-top:50px;font-style:italic}.task-card-master{position:relative}.task-card-master.selected{background-color:color-mix(in srgb,var(--brand-green),transparent 93%)}.task-card-master:hover .task-selection-area,.task-card-master.selected .task-selection-area{opacity:1;width:20px;margin-right:8px}.task-selection-area{width:0;height:20px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);margin-right:0}.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%)}.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}.confirm-btn{background:#00ff851a!important;color:var(--brand-mint)!important;border:1px solid var(--brand-mint)!important;font-weight:700;min-width:100px}.cancel-btn{background:#ffffff0d;color:#fff;min-width:100px}@media screen and (max-width:1280px){.kanban-stage-halo{min-width:260px;padding:12px}}@media screen and (max-width:1024px){.task-controller-header{flex-direction:column;align-items:flex-start;gap:12px}.header-left-tools,.header-right-tools{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.kanban-stage-halo{min-width:240px}.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}}.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:sticky;top:0;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)}@keyframes stageFadeSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:768px){.stage-navigation-tray{display:block}.header-expanded-controls{flex-direction:column;width:100%}.view-mode-toggle{width:100%;display:flex!important;gap:4px!important}.view-mode-toggle .view-toggle-btn{flex:1;text-align:center;padding:8px 4px!important;min-width:unset!important}.header-filter-group{width:100%;display:flex;gap:8px}.header-filter-group .toggle-depri-btn{flex:1;text-align:center;padding:8px 2px!important;font-size:.7rem!important;min-width:unset!important;white-space:nowrap}.clear-board-btn,.master-action-btn,.csv-import-wrapper{width:100%}.workspace-main-view{transition:filter .3s cubic-bezier(.4,0,.2,1)}.workspace-main-view.is-blurred{filter:blur(8px)}.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}.add-task-btn{width:100%;padding:12px}.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%)!important;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!important;padding:8px 12px!important;display:flex;justify-content:center;align-items:center;height:36px;min-width:36px;font-size:.85rem;font-weight:600}@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}}.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:800;letter-spacing:.5px;color:var(--brand-green);text-transform:uppercase;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-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:700;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:8px;margin-bottom:4px}.filters-row-toggle:hover{background:var(--halo-bg);border-color:var(--brand-green)}.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:4px;transition:all .2s;opacity:.6}.filters-action-btn:hover{background:var(--halo-bg);opacity:1}.filters-action-btn.active{opacity:1;text-decoration:underline}.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}.summary-header{margin-bottom:clamp(20px,4vh,40px);border-left:4px solid var(--brand-mint);padding-left:15px}.summary-header h2{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--text-color);opacity:.9;margin:0}.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:slideDown .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideDown{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){.home-summary-view{padding:24px}.summary-header{margin-bottom:24px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}}@media screen and (max-width:1024px){.home-summary-view{padding:16px}.summary-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.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}}.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:40px;border-bottom:1px solid var(--border-color);padding-bottom:24px}.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:32px;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}}.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:220px;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}.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}.user-info-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;line-height:1.1;overflow:hidden}.user-name{color:var(--text-color);font-weight:700;font-size:.85rem;white-space:nowrap;margin-bottom:2px}.user-role{color:var(--text-color);opacity:.6;font-size:.7rem;font-weight:400;white-space:nowrap}.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}.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:12px;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:#ffd70033;color:gold}.role-badge.vertical_admin{background:#3498db33;color:#3498db}.role-badge.master_viewer{background:#9b59b633;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:#000c;-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 #0006;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:#ffffff1a}.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}.v-select-btn.active{background:#00ff8526!important;border-color:var(--brand-mint)!important;color:var(--brand-mint)!important;border-width:2px!important}.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)}.save-btn{background:#00ff851a!important;border:1px solid var(--brand-mint)!important;color:var(--brand-mint)!important;transition:all .2s ease}.save-btn:hover{background:#00ff8533!important;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:#2ecc7133;color:#2ecc71}.status-banner.error{background:#e74c3c33;color:#e74c3c}.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:#ffffff08;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:#ffffff0f;border-color:#ffffff4d}.scope-card.active,.level-card.active{background:#2ecc711a;border-color:var(--brand-green);box-shadow:0 0 15px #2ecc7126}.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:#ffffff0d;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:#ffffff1a}.v-lvl-btn.active{opacity:1;border-color:var(--brand-green, #10b981);background:#10b98126;color:var(--brand-green, #10b981);border-width:2px}.v-lvl-btn.active.lvl-none{border-color:#7f8c8d;background:#7f8c8d26;color:#7f8c8d}.v-tag{display:inline-block;padding:4px 8px;background:#10b9810d;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:#10b98126;border:1px solid var(--brand-green);color:var(--brand-green);box-shadow:0 0 10px var(--halo-glow)}.v-tag.locked{background:#7f8c8d0d;border:1px solid rgba(127,140,141,.3);color:#7f8c8d}.vertical-perm-item-wrapper{display:flex;flex-direction:column;gap:8px;background:#ffffff05;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:#2dd4bf1a}.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:#0003;border-top:1px solid var(--border-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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 rgba(255,255,255,.05)}.feature-level-row:last-child{border-bottom:none}.feature-label{font-size:13px;font-weight:600;color:var(--text-color);opacity:.9}.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 #0003;border-color:#10b9814d}.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:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color)}@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}}.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)}.hub-management-container{padding:32px;width:100%;margin:0;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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}.hub-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 10px 30px #0000001a}.status-badge{position:absolute;top:24px;right:24px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.maintenance{background:#eab3081a;color:#eab308}.status-badge.inactive{background:#ef44441a;color:#ef4444}.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}.status-pill{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase}.status-pill.active{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-pill.maintenance{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.status-pill.inactive{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@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}}.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}.code-font{font-family:JetBrains Mono,monospace;font-size:.8rem;background:#ffffff0d;padding:2px 6px;border-radius:4px}.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:#ef4444;color:#ef4444}@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:#ef44441a;color:#ef4444;border:1px solid #ef4444}.status-pill.success{background:var(--brand-green);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;animation:fadeIn .3s ease}@keyframes fadeIn{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}}.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-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}.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-dropdown-menu{@extend .custom-dropdown-menu;}.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}.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)}.vertical-task-form select option{background:var(--bg-color);color:var(--text-color);padding:10px}.vertical-task-form{height:100%}.tab-pane,.history-tab-content{flex:1;display:flex;flex-direction:column;min-height:0}.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}.proof-btn-inline{margin-left:auto;margin-right:12px;height:28px!important;padding:0 10px!important;font-size:.7rem!important;gap:4px;opacity:.8}.proof-btn-inline span{display:inline}@media screen and (max-width:480px){.proof-btn-inline span{display:none}.proof-btn-inline{margin-right:8px;width:32px;padding:0!important;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!important}@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}.proof-btn-inline{background:transparent!important;background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.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!important}.orchestration-list .form-group{flex-direction:column!important;align-items:stretch!important;padding:12px 0;gap:8px!important}.form-footer.sticky{flex-wrap:wrap;gap:8px;justify-content:flex-end}.form-footer.sticky .halo-button{font-size:.75rem!important;padding:0 12px!important;height:36px!important;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!important}.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)}.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:2000;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:90vh;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 select,.form-input-container textarea,.form-input-container .master-dropdown,.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: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 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-group{width:100%;box-sizing:border-box;min-width:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes formSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.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){.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:.65rem;letter-spacing:.3px;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}}.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}.is-subtask-render{margin-left:24px!important;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}.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.inactive{filter:grayscale(1);opacity:.5;border-left-color:#666!important}.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:#34d39966;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-select-btn.halo-button{padding:3px 10px!important;font-size:.65rem!important;width:auto!important;min-width:auto!important;height:auto!important;min-height:auto!important;background:#ffffff08!important;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.role-select-btn.halo-button:hover{background:#2dd4bf1a!important;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}.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:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.4)}.duplicate-badge-mini{background:#f59e0b;color:#fff}.employee-tree-container{padding:2rem 1rem;overflow-x:auto;min-height:500px}.tree-root-group{display:flex;flex-direction:column;gap:2rem}.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:#00ff870d;box-shadow:0 0 15px #00ff871a}.tree-card-name{margin:0;font-size:1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.employee-tree-card.is-accessible-reportee{border-color:#00ff8766;box-shadow:0 0 15px #00ff8733;background:#00ff870a}.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:#000;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:#000;padding:1px 5px;border-radius:4px;font-size:.65rem;font-weight:900}@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}}.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)}.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 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:1rem}.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}.save-btn.secondary-action{background:transparent!important;border:1px solid color-mix(in srgb,var(--brand-green),transparent 70%)!important;color:var(--brand-green)!important;opacity:.8}.save-btn.secondary-action:hover{background:var(--halo-bg)!important;border-color:var(--brand-green)!important;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 .back-btn{padding:.75rem 1.5rem;font-weight:600;opacity:.8;background:transparent!important;border-color:transparent!important;box-shadow:none}.employee-form .back-btn:hover{opacity:1;background:#ffffff0d!important}.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}.view-only-mode input,.view-only-mode select{cursor:not-allowed;background:#ffffff05!important;border-color:#ffffff0d!important;color:#fff9!important}.view-only-mode .optional{display:none}.form-page{display:flex;flex-direction:column;gap:2.5rem}.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}.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:#666!important}.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:#fff}.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}.switch input{opacity:0;width:0;height:0}.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)}.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-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)}}.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:#2dd4bf14;box-shadow:0 0 0 2px #2dd4bf33}.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!important;border-color:#ffffff0d!important}.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}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.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}.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:12px;box-shadow:0 8px 24px #0000001a;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:var(--brand-green);color:#fff;opacity:1;box-shadow:0 2px 4px #0000001a}.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-color:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.2)}.login-message.success{background-color:#00c8531a;color:#00c853;border:1px solid rgba(0,200,83,.2)}
