@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Caveat:wght@500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--primary:#0f172a;--primary-hover:#1e293b;--primary-light:#f8fafc;--bg:#f8f9fb;--surface:#fff;--text:#0f1729;--text-secondary:#5a6578;--text-muted:#8892a4;--border:#e4e8ef;--border-light:#f1f3f7;--sidebar-bg:#0a0e1a;--sidebar-text:#b0b8c9;--sidebar-active:#d2593a24;--sidebar-hover:#ffffff0d;--done:#34d399;--working:#fbbf24;--stuck:#f87171;--default-status:#8892a4;--critical:#991b1b;--high:#f87171;--medium:#fbbf24;--low:#34d399;--accent:#d2593a;--accent-hover:#b94a2e;--accent-soft:#d2593a14;--accent-tint:#d2593a29;--accent-line:#d2593a61;--accent-glow:#d2593a42;--brand:#f83818;--radius:6px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 2px 6px #0f172a0f;--shadow-lg:0 16px 40px #0f172a24;--font-display:"Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--font-note:"Caveat", "Segoe Print", "Bradley Hand", cursive;--transition:.18s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:Inter,-apple-system,system-ui,sans-serif;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{width:248px;min-width:248px;color:var(--sidebar-text);background:linear-gradient(#080c18 0%,#0d1224 100%);border-right:1px solid #ffffff0f;flex-direction:column;display:flex;overflow:hidden}.sidebar-header{align-items:center;gap:11px;padding:22px 18px 18px;display:flex}.sidebar-logo{background:var(--accent);color:#fff;letter-spacing:-.5px;width:36px;height:36px;box-shadow:0 4px 16px var(--accent-glow);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.sidebar-brand{color:#f1f5f9;letter-spacing:-.4px;font-size:15px;font-weight:700}.sidebar-search{margin:0 12px 14px;position:relative}.sidebar-search input{color:#e2e8f0;width:100%;transition:var(--transition);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:9px 12px 9px 34px;font-size:13px}.sidebar-search input::placeholder{color:#475569}.sidebar-search input:focus{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.sidebar-search svg{color:#475569;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.sidebar-section{padding:0 8px}.sidebar-section-label{text-transform:uppercase;color:#475569;letter-spacing:.8px;justify-content:space-between;align-items:center;padding:18px 12px 6px;font-size:10px;font-weight:600;display:flex}.nav-item{color:#94a3b8;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:9px;margin-bottom:2px;padding:8px 12px;font-size:13px;font-weight:400;display:flex}.nav-item:hover{color:#e2e8f0;background:#ffffff0d}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.nav-item .nav-icon{flex-shrink:0;align-items:center;display:flex}.nav-item .nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-bottom{border-top:1px solid #ffffff0f;margin-top:auto;padding:10px 8px}.ws-menu-btn{color:#fff3;transition:var(--transition);border-radius:4px;align-items:center;padding:3px;display:flex}.nav-item:hover .ws-menu-btn{color:#ffffff80}.ws-menu-btn:hover{background:#ffffff1a;color:#fff!important}.ws-context-menu{z-index:100;background:#0f172a;border:1px solid #1e293b;border-radius:8px;min-width:180px;padding:4px;animation:.12s ease-out fadeIn;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 30px #00000080}.ws-context-item{color:#ccc;cursor:pointer;transition:var(--transition);border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:400;display:flex}.ws-context-item:hover{color:#fff;background:#ffffff0f}.ws-context-item.danger{color:#e00}.ws-context-item.danger:hover{background:#ee00001a}.ws-context-divider{background:#ffffff14;height:1px;margin:4px 8px}.main-content{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.top-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-title{letter-spacing:-.2px;color:var(--text);font-size:14px;font-weight:600}.header-actions{align-items:center;gap:6px;display:flex}.header-btn{color:var(--text-muted);transition:var(--transition);border-radius:8px;align-items:center;padding:8px;display:flex}.header-btn:hover{background:var(--border-light);color:var(--text)}.user-pill{background:var(--bg);border:1px solid var(--border);cursor:default;border-radius:24px;align-items:center;gap:8px;margin-left:8px;padding:4px 14px 4px 4px;display:flex}.user-pill-name{color:var(--text);font-size:13px;font-weight:600}.user-pill-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.btn-primary{background:var(--accent);color:#fff;transition:var(--transition);box-shadow:0 2px 8px var(--accent-tint);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 4px 16px var(--accent-glow);filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.board-container{flex:1;padding:28px;overflow-y:auto}.board-group{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:20px;overflow:hidden}.board-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.group-color-bar{border-radius:2px;flex-shrink:0;width:3px;height:24px}.group-title{letter-spacing:-.2px;flex:1;font-size:14px;font-weight:600}.group-count{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.board-table{border-collapse:collapse;table-layout:fixed;width:100%}.board-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border);background:var(--bg);padding:8px 16px;font-size:12px;font-weight:500}.board-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;min-height:40px;padding:8px 16px;font-size:13px}.board-row{transition:background var(--transition)}.board-row:hover{background:var(--accent-soft)}.board-row.subtask-row{background:#fafafa}.board-row.subtask-row:hover{background:#f3f6fa}.board-row.drop-into{background:#e0f2fe}.board-row:last-child td{border-bottom:none}.board-row .drag-handle{opacity:0;transition:opacity .15s}.board-row:hover .drag-handle{opacity:1}.board-row[draggable=true]{cursor:default}.task-name-wrapper{align-items:flex-start;gap:8px;display:flex}.color-indicator{border-radius:2px;flex-shrink:0;width:4px;min-height:20px;margin-top:4px}.task-name-col{flex-direction:column;flex:1;min-width:0;display:flex}.task-name-row{align-items:center;gap:4px;display:flex}.task-name-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:4px 0;font-size:14px;font-weight:500}.task-name-input:focus{border-bottom:2px solid var(--primary)}.task-chat-btn{color:var(--text-muted);transition:var(--transition);opacity:.5;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;display:flex}.board-row:hover .task-chat-btn{opacity:1}.task-chat-btn:hover{background:var(--border-light);color:var(--primary)}.task-note-preview{cursor:pointer;transition:var(--transition);border-radius:4px;align-items:baseline;gap:4px;max-width:100%;padding:2px 0 4px;font-size:12px;line-height:1.4;display:flex;overflow:hidden}.task-note-preview:hover{color:var(--primary)}.task-note-author{color:var(--text-secondary);flex-shrink:0;font-size:11px;font-weight:600}.task-note-content{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{color:#fff;cursor:pointer;width:30px;height:30px;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.avatar:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.avatar-empty{border:2px dashed var(--text-muted);color:var(--text-muted);background:0 0}.avatar-empty:hover{border-color:var(--primary);color:var(--primary)}.status-badge{color:#fff;cursor:pointer;min-width:110px;height:28px;transition:var(--transition);letter-spacing:.3px;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 1px 3px #0000001a}.status-badge:hover{filter:brightness(.92);transform:scale(1.03);box-shadow:0 2px 6px #00000026}.status-dropdown-menu{background:var(--surface);width:130px;box-shadow:var(--shadow-lg);z-index:9999;border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed}.status-dropdown-option{color:#fff;text-align:center;cursor:pointer;border-radius:4px;padding:7px 8px;font-size:12px;font-weight:600}.status-dropdown{min-width:130px;box-shadow:var(--shadow-lg);z-index:100;border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.status-option{color:#fff;text-align:center;cursor:pointer;transition:var(--transition);border-radius:4px;padding:6px 8px;font-size:12px;font-weight:600}.status-option:hover{transform:scale(1.03)}.priority-badge{cursor:pointer;transition:var(--transition);border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.priority-badge:hover{filter:brightness(.9)}.priority-dropdown{min-width:120px;box-shadow:var(--shadow-lg);z-index:100;border:1px solid var(--border);background:#fff;border-radius:8px;padding:4px;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.priority-option{cursor:pointer;transition:var(--transition);border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.priority-option:hover{background:var(--border-light)}.priority-dropdown-menu{background:var(--surface);min-width:120px;box-shadow:var(--shadow-lg);z-index:9999;border:1px solid var(--border);border-radius:8px;padding:4px;position:fixed}.priority-dropdown-option{cursor:pointer;transition:var(--transition);border-radius:4px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.priority-dropdown-option:hover{background:var(--bg)}.date-cell{color:var(--text-secondary);font-size:13px}.date-overdue{font-weight:600;color:var(--stuck)!important}.date-input{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:4px 0;font-family:inherit;font-size:13px}.add-row{color:var(--text-muted);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.add-row:hover{background:var(--border-light);color:var(--text-secondary)}.person-dropdown{min-width:180px;box-shadow:var(--shadow-lg);z-index:100;border:1px solid var(--border);background:#fff;border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.person-option{cursor:pointer;transition:var(--transition);border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.person-option:hover{background:var(--border-light)}.person-picker-trigger{align-items:center;gap:4px;display:inline-flex}.person-picker-more{color:var(--text-muted);margin-left:4px;font-size:10px;font-weight:600}.person-picker-menu{background:var(--surface);min-width:180px;box-shadow:var(--shadow-lg);z-index:9999;border:1px solid var(--border);border-radius:8px;padding:4px;position:fixed}.person-picker-option{cursor:pointer;color:var(--text);transition:var(--transition);border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.person-picker-option:hover{background:var(--bg)}.person-picker-option.selected{background:var(--accent-soft);font-weight:600}.person-picker-option.selected:hover{background:var(--accent-tint)}.person-picker-check{color:var(--accent);margin-left:auto;font-size:12px}.person-picker-clear{cursor:pointer;color:var(--text-muted);border-top:1px solid var(--border);transition:var(--transition);border-radius:4px;align-items:center;gap:8px;margin-top:2px;padding:7px 10px;font-size:13px;display:flex}.person-picker-clear:hover{background:var(--bg);color:var(--text-secondary)}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);transition:var(--transition);border-radius:8px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.stat-card:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accent-soft);transform:translateY(-1px)}.stat-value{letter-spacing:-1px;font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:400}.login-container{background:#060a14;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle, var(--accent-tint) 0%, var(--accent-soft) 40%, transparent 70%);pointer-events:none;border-radius:50%;width:800px;height:800px;animation:6s ease-in-out infinite alternate loginGlow;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.login-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out 2s infinite alternate-reverse loginGlow;position:absolute;bottom:-300px;right:-200px}@keyframes loginGlow{0%{opacity:.6;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.15)}}.login-card{-webkit-backdrop-filter:blur(40px);z-index:1;background:#0f172ab3;border:1px solid #ffffff14;border-radius:20px;width:420px;padding:44px;position:relative;box-shadow:0 24px 80px #0006,inset 0 1px #ffffff0d}.login-card h1{letter-spacing:-.8px;color:#f1f5f9;margin-bottom:6px;font-size:26px;font-weight:800;line-height:1.2}.login-card p{color:#64748b;margin-bottom:36px;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.form-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.form-input{width:100%;transition:var(--transition);color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:12px 14px;font-size:14px}.form-input::placeholder{color:#475569}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);background:#ffffff0f}.login-btn{background:var(--accent);color:#fff;letter-spacing:.2px;width:100%;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:12px;margin-top:8px;padding:13px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.login-btn:hover{box-shadow:0 8px 30px var(--accent-glow);filter:brightness(1.1);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-error{color:#f87171;background:#f8717114;border:1px solid #f8717126;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500}.login-hint{color:#64748b;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-top:24px;padding:14px;font-size:12px;line-height:1.6}.forgot-password-link{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:18px;padding:8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.forgot-password-link:hover{color:var(--accent);background:var(--accent-soft)}.forgot-password-box{background:#6366f10f;border:1px solid #6366f11f;border-radius:10px;flex-direction:column;gap:4px;margin-top:12px;padding:14px 16px;animation:.2s ease-out fadeIn;display:flex}.forgot-password-box strong{color:#a5b4fc;font-size:13px;font-weight:700}.forgot-password-box span{color:#64748b;font-size:12px;line-height:1.5}.reset-success-msg{color:#34d399;background:#34d39914;border:1px solid #34d3992e;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:600;animation:.2s ease-out fadeIn;display:flex}.notes-overlay{z-index:999;background:#0000004d;animation:.2s fadeIn;position:fixed;inset:0}.notes-panel{background:var(--surface);width:min(420px,100vw);height:100vh;color:var(--text);z-index:1000;flex-direction:column;animation:.25s ease-out slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 30px #0000001a}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notes-header{border-bottom:1px solid var(--border);padding:20px 24px}.notes-header h2{margin-bottom:2px;font-size:16px;font-weight:700}.notes-header span{color:var(--text-muted);font-size:12px}.notes-body{background:var(--bg);flex-direction:column;flex:1;gap:12px;padding:20px 24px;display:flex;overflow-y:auto}.note-item{gap:10px;display:flex}.note-bubble{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;padding:12px 16px}.note-author{margin-bottom:4px;font-size:12px;font-weight:700}.note-text{color:var(--text);font-size:14px;line-height:1.5}.note-time{color:var(--text-muted);margin-top:4px;font-size:11px}.activity-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:10px;padding-top:14px;display:flex}.activity-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.activity-item{color:var(--text-secondary);grid-template-columns:8px 1fr;gap:10px;display:grid}.activity-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;margin-top:7px}.activity-text{font-size:12px;line-height:1.4}.activity-text strong{color:var(--text)}.activity-values{color:var(--text-muted);word-break:break-word;margin-top:2px;font-size:11px}.notes-input{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;padding:16px 24px;display:flex;position:relative}.notes-input input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:13px}.notes-input input::placeholder{color:var(--text-muted)}.notes-input input:focus{border-color:var(--primary)}.notes-send-btn{background:var(--primary);color:#fff;width:36px;height:36px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.notes-send-btn:hover{background:var(--primary-hover)}.notes-send-btn:disabled{opacity:.45;cursor:not-allowed}.profile-container{max-width:600px;padding:32px}.profile-container h2{margin-bottom:24px;font-size:20px;font-weight:700}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.55;color:var(--text-secondary);margin-bottom:16px}.empty-state p{font-size:14px}.empty-state-title{color:var(--text);margin-bottom:4px;font-weight:700;font-size:16px!important}.empty-state-copy{color:var(--text-secondary)}.toast{color:#f8fafc;z-index:9999;background:#0f172a;border:1px solid #94a3b83d;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s ease-out toastIn;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 40px #02061747}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a75;position:fixed;inset:0}.modal-container{z-index:1201;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(100vw - 32px,400px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0f172a38}.confirm-modal{text-align:center;padding:24px}.confirm-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.confirm-title.danger{color:#e2445c}.confirm-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.confirm-actions{justify-content:center;gap:12px;display:flex}.confirm-actions .btn-ghost,.confirm-actions .btn-primary{flex:1;min-height:38px}.confirm-primary{color:#fff}.inline-add{align-items:center;gap:8px;display:flex}.inline-add input{border:1px solid var(--primary);border-radius:6px;outline:none;padding:7px 12px;font-size:13px}.inline-add input:focus{box-shadow:0 0 0 3px #0073ea1a}.row-delete-btn{opacity:0;color:var(--text-muted);transition:var(--transition);border-radius:4px;padding:2px;display:flex}.board-row:hover .row-delete-btn{opacity:1}.row-delete-btn:hover{color:var(--stuck);background:#fceced}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}.mention-dropdown{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:1010;border-radius:10px;max-height:200px;padding:4px;position:absolute;bottom:calc(100% + 4px);left:24px;right:60px;overflow-y:auto}.mention-option{cursor:pointer;color:var(--text);transition:var(--transition);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.mention-option:hover,.mention-option.active{background:var(--primary-light);color:var(--primary)}.mention-option .avatar{cursor:default}.mention-tag{color:var(--primary);background:#0073ea14;border-radius:3px;padding:1px 4px;font-weight:600}.notif-badge{color:#fff;background:#e2445c;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0}.notif-dropdown{width:380px;box-shadow:var(--shadow-lg);border:1px solid var(--border);z-index:1000;background:#fff;border-radius:12px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-dropdown-title{color:var(--text);font-size:14px;font-weight:700}.notif-mark-all{color:var(--primary);transition:var(--transition);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.notif-mark-all:hover{background:var(--primary-light)}.notif-dropdown-body{max-height:400px;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:13px}.notif-item{cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border-light);align-items:flex-start;gap:10px;padding:12px 16px;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8f9fb}.notif-item.unread{background:#f0f6ff}.notif-item.unread:hover{background:#e5effe}.notif-content{flex:1;min-width:0}.notif-meta-row{align-items:center;gap:6px;min-width:0;margin-bottom:2px;display:flex}.notif-meta-row strong{color:var(--text);flex-shrink:0;font-size:12px}.notif-meta-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:160px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:11px;overflow:hidden}.notif-text{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-time{color:var(--text-muted);margin-top:3px;font-size:11px}.notif-unread-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.clock-widget{align-items:center;gap:8px;margin-left:8px;display:flex}.clock-btn{transition:var(--transition);letter-spacing:.2px;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.clock-btn.clock-in{color:#fff;background:#00c875}.clock-btn.clock-in:hover{background:#00b368;transform:translateY(-1px);box-shadow:0 2px 8px #00c8754d}.clock-btn.clock-out{color:#fff;background:#e2445c}.clock-btn.clock-out:hover{background:#ce3a50;transform:translateY(-1px);box-shadow:0 2px 8px #e2445c4d}.clock-timer{color:#00c875;font-variant-numeric:tabular-nums;background:#00c87514;border:1px solid #00c87533;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.clock-elapsed{letter-spacing:.5px}.clock-pulse{background:#00c875;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.clock-active-badge{color:#00c875;background:#00c8751a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.att-tabs{border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:0;margin-bottom:24px;padding:0;display:flex}.att-tab{color:var(--text-muted);transition:var(--transition);border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500;display:flex;position:relative}.att-tab:hover{color:var(--text)}.att-tab.active{color:var(--text);box-shadow:none;background:0 0;border-bottom-color:#000;font-weight:600}.att-tab-badge{color:#fff;background:#e00;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex}.leave-type-badge{background:var(--border-light);color:var(--text-secondary);border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.leave-status{text-transform:capitalize;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.leave-action-btn{transition:var(--transition);border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.leave-action-btn.approve{color:#00c875;background:#00c8751a}.leave-action-btn.approve:hover{background:#00c87533}.leave-action-btn.reject{color:#e2445c;background:#e2445c1a}.leave-action-btn.reject:hover{background:#e2445c33}.team-dot{background:#d0d4e4;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.team-dot.on{background:#00c875;box-shadow:0 0 0 2px #00c87533}.team-admin-tag{color:#6c5ce7;background:#6c5ce71a;border-radius:3px;align-items:center;gap:3px;margin-top:1px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.team-online-badge{color:#00c875;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.team-online-pulse{background:#00c875;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.hours-input{width:60px;color:var(--text);text-align:center;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:4px 6px;font-size:13px;font-weight:600}.hours-input:hover{border-color:var(--border)}.hours-input:focus{border-color:var(--primary);background:#fff}.hours-input::placeholder{color:#d0d4e4;font-weight:400}.hours-input::-webkit-inner-spin-button{opacity:0}.hours-input:hover::-webkit-inner-spin-button{opacity:1}.prod-bar{background:#f0f1f5;border-radius:3px;flex:1;height:6px;overflow:hidden}.prod-bar-fill{background:linear-gradient(90deg,#fdab3d,#00c875);border-radius:3px;height:100%;transition:width .4s}.tasks-done-badge{color:#00c875;background:#00c8751a;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.holiday-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.holiday-badge.today{color:#0073ea;background:#0073ea1a}.holiday-badge.upcoming{color:#00c875;background:#00c8751a}.holiday-badge.past{color:#b0b4c3;background:#b0b4c31a}.profile-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.profile-section-toggle{background:var(--surface);width:100%;color:var(--text);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.profile-section-toggle:hover{background:var(--bg)}.profile-section-body{border-top:1px solid var(--border-light);background:var(--surface);padding:16px}.profile-filled-badge{color:#00c875;text-transform:uppercase;letter-spacing:.3px;background:#00c8751a;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.profile-upload-zone{border:2px dashed var(--border);cursor:pointer;transition:var(--transition);color:var(--text-muted);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:28px;display:flex}.profile-upload-zone:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.profile-upload-hint{color:var(--text-muted);font-size:11px}.profile-file-preview{border:1px solid var(--border);border-radius:10px;overflow:hidden}.profile-doc-img{object-fit:cover;width:100%;max-height:200px;display:block}.profile-file-actions{background:var(--bg);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.profile-file-status{color:#00c875;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.profile-file-remove{color:#e2445c;transition:var(--transition);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.profile-file-remove:hover{background:#e2445c14}.profile-photo-wrapper{border-radius:50%;display:inline-block;position:relative;overflow:hidden}.profile-photo{object-fit:cover;border-radius:50%;width:64px;height:64px;display:block}.profile-photo-overlay{color:#fff;opacity:0;transition:var(--transition);background:#0006;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-photo-wrapper:hover .profile-photo-overlay{opacity:1}.range-picker-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;transition:var(--transition);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:500;display:flex}.range-picker-btn:hover{border-color:#000}.range-picker-dropdown{border:1px solid var(--border);width:300px;box-shadow:var(--shadow-lg);z-index:100;background:#fff;border-radius:8px;animation:.12s ease-out fadeIn;position:absolute;top:calc(100% + 6px);right:0}.range-picker-presets{flex-direction:column;gap:1px;padding:6px;display:flex}.range-preset{color:var(--text-secondary);text-align:left;transition:var(--transition);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:400}.range-preset:hover{background:var(--bg);color:var(--text)}.range-preset.active{color:#fff;background:#000;font-weight:500}.range-picker-custom{border-top:1px solid var(--border);padding:12px}.range-picker-custom-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:500}.custom-select-container{min-width:150px;display:inline-block;position:relative}.custom-select-btn{background:var(--surface);border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.custom-select-btn:hover,.custom-select-btn.open{box-shadow:var(--shadow-md);border-color:#94a3b8}.custom-select-icon{color:var(--text-muted);transition:transform var(--transition);flex-shrink:0}.custom-select-btn.open .custom-select-icon{transform:rotate(180deg)}.custom-select-dropdown{background:var(--surface);border:1px solid var(--border);min-width:100%;box-shadow:var(--shadow-lg);z-index:1000;border-radius:10px;padding:4px;animation:.12s ease-out fadeIn;position:absolute;top:calc(100% + 6px);right:0}.custom-select-list{flex-direction:column;gap:2px;display:flex}.custom-select-option{width:100%;color:var(--text-secondary);text-align:left;white-space:nowrap;transition:var(--transition);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.custom-select-option:hover{background:var(--bg);color:var(--text)}.custom-select-option.selected{background:var(--accent-soft);color:var(--accent);font-weight:700}.view-toggle{border:1px solid var(--border);background:var(--surface);border-radius:6px;display:flex;overflow:hidden}.view-toggle button{color:var(--text-secondary);border-left:1px solid var(--border);transition:var(--transition);align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.view-toggle button:first-child{border-left:none}.view-toggle button:hover{background:var(--bg);color:var(--text)}.note-text p{margin:0}.task-link{color:#0073ea;text-decoration:underline}.my-task-link{color:#0073ea;cursor:pointer;font-weight:500}.my-task-link:hover{text-decoration:underline}.my-task-link.completed{text-decoration:line-through}.workspace-pill{max-width:100%;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;background:#f6f7fb;border-radius:4px;align-items:center;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.completed-row{color:var(--text-muted)}.task-filter-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;display:flex}.task-filter-top{grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:8px;display:grid}.task-search{background:var(--bg);border:1px solid var(--border);min-width:240px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 11px;display:flex}.task-search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:0;font-size:13px}.task-search input::placeholder{color:var(--text-muted)}.task-filter-save,.task-filter-clear{white-space:nowrap;flex-direction:row;align-self:center;width:max-content;min-width:116px;height:38px;min-height:38px;padding:0 12px;line-height:1}.task-filter-save svg,.task-filter-clear svg{flex-shrink:0}.task-filter-chips,.saved-view-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-filter-chip,.saved-view-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:var(--transition);border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.task-filter-chip:hover,.saved-view-chip:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.task-filter-chip.active{background:var(--accent-tint);border-color:var(--accent-line);color:var(--accent)}.task-filter-chip span{background:var(--bg);min-width:20px;color:var(--text-muted);text-align:center;border-radius:999px;padding:1px 6px;font-size:11px}.task-filter-chip.active span{background:var(--accent-tint);color:var(--accent)}.saved-view-row{color:var(--text-muted);padding-top:2px;font-size:11px}.saved-view-row>span{text-transform:uppercase;letter-spacing:.4px;margin-right:2px;font-weight:700}.attachment-preview{color:#0073ea;background:#0073ea1a;border:1px solid #0073ea2e;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:4px 12px;display:flex;position:absolute;bottom:100%;left:0}.note-attachment{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.note-attachment:hover{background:var(--border-light)}.monthly-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.monthly-toolbar-left{align-items:center;gap:12px;display:flex}.monthly-toolbar-right{align-items:center;gap:8px;display:flex}.month-navigator{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:0;display:flex;overflow:hidden}.month-nav-btn{width:36px;height:38px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.month-nav-btn:hover{background:var(--border-light);color:var(--text)}.month-label{color:var(--text);letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;display:flex}.month-label svg{color:var(--accent)}.month-name{color:var(--text)}.month-year{color:var(--text-muted);font-size:13px;font-weight:500}.month-today-btn{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-tint);transition:var(--transition);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.month-task-count{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.carry-forward-btn{color:#f59e0b;transition:var(--transition);background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;animation:2s ease-in-out infinite subtlePulse;display:inline-flex}.carry-forward-btn:hover{background:#f59e0b26;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}@keyframes subtlePulse{0%,to{box-shadow:0 0 #f59e0b26}50%{box-shadow:0 0 0 4px #f59e0b14}}.export-excel-btn{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-tint);transition:var(--transition);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.export-excel-btn:hover{background:var(--accent-tint);box-shadow:0 2px 8px var(--accent-tint);transform:translateY(-1px)}body.dark-mode{--primary:#f1f5f9;--primary-hover:#e2e8f0;--primary-light:#1e293b;--bg:#080c18;--surface:#111827;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#1e293b;--border-light:#151d2e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 16px 40px #00000080;--accent:#e8734f;--accent-hover:#f08a69;--accent-soft:#e8734f1a;--accent-tint:#e8734f2e;--accent-line:#e8734f6b;--accent-glow:#e8734f4d;--sidebar-active:#e8734f24}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#e2e8f0;background:#0d1424;border-color:#1e293b}body.dark-mode .top-header{background:#0d1424;border-color:#1e293b}body.dark-mode .board-container{background:#080c18}body.dark-mode .board-group{background:#111827;border-color:#263449;box-shadow:0 10px 30px #00000040}body.dark-mode .board-group-header{background:#111827;border-bottom:1px solid #1d293b}body.dark-mode .board-table th{color:#7d8ba1;background:#090e1a;border-bottom-color:#263449}body.dark-mode .board-table td{color:#cbd5e1;border-bottom-color:#1b2638}body.dark-mode .board-row{background:#111827}body.dark-mode .board-row:hover{background:var(--accent-soft)!important}body.dark-mode .task-name-input{color:#e2e8f0;background:0 0;border-color:#0000}body.dark-mode .task-name-input:focus{border-bottom-color:var(--accent)}body.dark-mode .date-input{color:#dbe3ef;background:0 0;border-color:#0000}body.dark-mode .date-input:focus{border-bottom:2px solid var(--accent)}body.dark-mode .date-input::-webkit-calendar-picker-indicator{filter:invert(.75);opacity:.75}body.dark-mode .board-row.subtask-row{background:#0d1424}body.dark-mode .board-row.subtask-row:hover{background:#121b2d!important}body.dark-mode .board-row.drop-into{background:#38a3ff29!important}body.dark-mode .group-count{color:#93a4bc;background:#0b1020;border-color:#263449}body.dark-mode .empty-state svg{color:#7f8ca3;opacity:.85}body.dark-mode .empty-state-title{color:#e2e8f0}body.dark-mode .empty-state-copy{color:#a8b4c7}body.dark-mode .toast{color:#0f172a;background:#f8fafc;border-color:#fff3;box-shadow:0 18px 50px #0000008c}body.dark-mode .modal-overlay{background:#020617a3}body.dark-mode .modal-container{background:#111827;border-color:#263449;box-shadow:0 28px 90px #000000ad}body.dark-mode .confirm-desc{color:#a8b4c7}body.dark-mode .workspace-pill{color:#cbd5e1;background:#1b2638;border:1px solid #2b3a50}body.dark-mode .task-filter-panel{background:#111827;border-color:#263449}body.dark-mode .task-search{background:#0d1424;border-color:#263449}body.dark-mode .task-filter-chip,body.dark-mode .saved-view-chip{color:#cbd5e1;background:#111827;border-color:#263449}body.dark-mode .task-filter-chip:hover,body.dark-mode .saved-view-chip:hover{border-color:var(--accent);background:var(--accent-soft);color:#f8fafc}body.dark-mode .task-filter-chip.active{background:var(--accent-tint);border-color:var(--accent-line);color:var(--accent)}body.dark-mode .task-filter-chip span{color:#93a4bc;background:#0b1020}body.dark-mode .task-filter-chip.active span{background:var(--accent-tint);color:var(--accent)}body.dark-mode .my-task-link{color:#38a3ff}body.dark-mode .completed-row{color:#7d8ba1}body.dark-mode .completed-row .my-task-link{color:#2d80c7}body.dark-mode .date-cell{color:#9aa8bb}body.dark-mode .task-chat-btn{color:#7d8ba1}body.dark-mode .task-chat-btn:hover{color:#dbeafe;background:#1b2638}body.dark-mode .priority-badge{background-color:#f59e0b24}body.dark-mode .status-dropdown-menu,body.dark-mode .priority-dropdown-menu,body.dark-mode .person-picker-menu,body.dark-mode .person-dropdown,body.dark-mode .priority-dropdown,body.dark-mode .status-dropdown,body.dark-mode .range-picker-dropdown,body.dark-mode .notif-dropdown{background:#111827;border-color:#2b3a50;box-shadow:0 16px 50px #0000008c}body.dark-mode .priority-dropdown-option:hover{background:#1b2638}body.dark-mode .person-picker-option{color:#e2e8f0}body.dark-mode .person-picker-option:hover,body.dark-mode .person-option:hover{background:#1b2638}body.dark-mode .person-picker-option.selected,body.dark-mode .person-picker-option.selected:hover{background:var(--accent-tint)}body.dark-mode .person-picker-clear{color:#7d8ba1;border-top-color:#2b3a50}body.dark-mode .person-picker-clear:hover{color:#cbd5e1;background:#1b2638}body.dark-mode .person-picker-more{color:#93a4bc}body.dark-mode .avatar-empty{color:#93a4bc;border-color:#64748b}body.dark-mode .avatar-empty:hover{border-color:var(--accent);color:var(--accent)}body.dark-mode .empty-state{color:#7d8ba1}body.dark-mode .notes-overlay{background:#00000094}body.dark-mode .notes-panel{color:#e2e8f0;background:#111827;box-shadow:-14px 0 45px #0000008c}body.dark-mode .notes-header{background:#111827;border-bottom-color:#263449}body.dark-mode .notes-header h2{color:#f1f5f9}body.dark-mode .notes-header span{color:#93a4bc}body.dark-mode .notes-body{background:#080c18}body.dark-mode .note-bubble{background:#111827;border-color:#263449}body.dark-mode .note-author{color:#f1f5f9}body.dark-mode .note-text{color:#dbe3ef}body.dark-mode .note-time{color:#7d8ba1}body.dark-mode .notes-input{background:#111827;border-top-color:#263449}body.dark-mode .notes-input .header-btn{color:#93a4bc!important}body.dark-mode .notes-input .header-btn:hover{background:#1b2638;color:#dbeafe!important}body.dark-mode .notes-input input{color:#e2e8f0;background:0 0;border-color:#0000}body.dark-mode .notes-input input::placeholder{color:#64748b}body.dark-mode .notes-send-btn{color:#cbd5e1;background:#1e293b}body.dark-mode .notes-send-btn:hover:not(:disabled){color:#f8fafc;background:#2b3a50}body.dark-mode .mention-dropdown{background:#111827;border-color:#2b3a50}body.dark-mode .mention-option:hover,body.dark-mode .mention-option.active{color:#f1f5f9;background:#1b2638}body.dark-mode .mention-tag{color:#60a5fa;background:#60a5fa24}body.dark-mode .attachment-preview{color:#60a5fa;background:#38a3ff1f;border-color:#38a3ff3d}body.dark-mode .note-attachment{color:#dbeafe;background:#0d1424;border-color:#263449}body.dark-mode .note-attachment:hover{background:#1b2638}body.dark-mode .custom-select-btn{color:#e2e8f0;background:#111827;border-color:#263449}body.dark-mode .custom-select-btn:hover,body.dark-mode .custom-select-btn.open{border-color:#3c4d65;box-shadow:0 10px 30px #00000059}body.dark-mode .custom-select-dropdown{background:#111827;border-color:#2b3a50;box-shadow:0 16px 50px #0000008c}body.dark-mode .custom-select-option{color:#cbd5e1}body.dark-mode .custom-select-option:hover{color:#f8fafc;background:#1b2638}body.dark-mode .custom-select-option.selected{background:var(--accent-tint);color:var(--accent)}body.dark-mode .view-toggle{background:#111827;border-color:#263449}body.dark-mode .view-toggle button{color:#cbd5e1;border-left-color:#263449}body.dark-mode .view-toggle button:hover{color:#f8fafc;background:#1b2638}body.dark-mode .view-toggle button.active{color:#0f172a;background:#f1f5f9}body.dark-mode .hours-input{color:#e2e8f0;background:0 0;border-color:#263449}body.dark-mode .hours-input:hover,body.dark-mode .hours-input:focus{border-color:var(--accent);background:0 0}body.dark-mode .profile-container .form-input{color:#e2e8f0;background:#0d1424;border-color:#263449}body.dark-mode .profile-container .form-input::placeholder{color:#526174}body.dark-mode .profile-container .form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);background:#101a2c}body.dark-mode .profile-section{background:#111827;border-color:#263449}body.dark-mode .profile-section-toggle{color:#e2e8f0;background:#111827}body.dark-mode .profile-section-toggle svg{color:#93a4bc}body.dark-mode .profile-section-toggle:hover{color:#f8fafc;background:#1b2638}body.dark-mode .profile-section-body{background:#0d1424;border-top-color:#263449}body.dark-mode .profile-filled-badge{color:#34d399;background:#10b98124}body.dark-mode .profile-upload-zone{color:#93a4bc;background:#0b1020;border-color:#2b3a50}body.dark-mode .profile-upload-zone:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}body.dark-mode .profile-file-preview{background:#0b1020;border-color:#263449}body.dark-mode .profile-file-actions{background:#0d1424;border-top-color:#263449}body.dark-mode .profile-file-remove:hover,body.dark-mode .row-delete-btn:hover{background:#f871711f}body.dark-mode .range-picker-btn{color:#e2e8f0;background:#111827;border-color:#263449}body.dark-mode .range-picker-btn:hover{border-color:#3c4d65}body.dark-mode .range-preset:hover{color:#f8fafc;background:#1b2638}body.dark-mode .range-preset.active{color:#f8fafc;background:#1e293b}body.dark-mode .range-picker-custom{border-top-color:#2b3a50}body.dark-mode .prod-bar{background:#0b1020}body.dark-mode .notif-badge{border-color:#0d1424}body.dark-mode .notif-dropdown-header,body.dark-mode .notif-item{border-color:#263449}body.dark-mode .notif-item:hover,body.dark-mode .notif-item.unread,body.dark-mode .notif-item.unread:hover{background:#1b2638}body.dark-mode .notif-meta-row span{color:#93a4bc;background:#0b1020;border-color:#263449}body.dark-mode .kanban-column{background:#0d1424}body.dark-mode .kanban-card{background:#111827;border-color:#1e293b}.kanban-column-title{color:var(--text);font-size:13px;font-weight:600}.kanban-count{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:500}.kanban-card{background:var(--surface);border:1px solid var(--border);cursor:grab;border-radius:10px;padding:14px 16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s;position:relative;box-shadow:0 1px 3px #0f172a08,0 1px 2px #0f172a05}.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent)!important}body.dark-mode .kanban-card{background:#111827;border-color:#1e293b;box-shadow:0 4px 16px #0003}body.dark-mode .kanban-card:hover{box-shadow:0 8px 24px #00000073;border-color:var(--accent)!important}.kanban-muted-text{color:var(--text-muted);font-size:11px;font-weight:400}.kanban-task-title{color:var(--text);font-size:13px;font-weight:600;line-height:1.4}.kanban-task-title input{border-radius:4px;transition:all .15s;margin:-2px -4px!important;padding:2px 4px!important}.kanban-task-title input:hover{background:var(--border-light)}body.dark-mode .kanban-task-title input:hover{background:#ffffff0d}.kanban-task-title input:focus{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 0 0 2px var(--accent-glow)!important}body.dark-mode .kanban-task-title input:focus{background:#1f2937!important;border-color:#374151!important}.card-badge{letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.card-badge.priority-critical{color:#ef4444;background:#ef444414}.card-badge.priority-critical:hover{background:#ef444424}.card-badge.priority-high{color:#f97316;background:#f9731614}.card-badge.priority-high:hover{background:#f9731624}.card-badge.priority-medium{color:#f59e0b;background:#f59e0b14}.card-badge.priority-medium:hover{background:#f59e0b24}.card-badge.priority-low{color:var(--accent);background:#10b98114}.card-badge.priority-low:hover{background:#10b98124}.card-badge.neutral-badge{color:var(--text-secondary);background:var(--border-light)}.card-badge.neutral-badge:hover{background:var(--border);color:var(--text)}body.dark-mode .card-badge.neutral-badge{color:#9ca3af;background:#1f2937}body.dark-mode .card-badge.neutral-badge:hover{color:#f3f4f6;background:#374151}.card-badge.neutral-badge.date-overdue{color:#ef4444;background:#ef444414}.card-badge.neutral-badge.date-overdue:hover{background:#ef444424}body.dark-mode .card-badge.neutral-badge.date-overdue{color:#f87171;background:#ef444426}body.dark-mode .card-badge.neutral-badge.date-overdue:hover{background:#ef444438}.card-badge-select,.card-badge-input{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;outline:none;padding:3px 6px;font-size:11px;font-weight:600;transition:all .15s}.card-badge-select:focus,.card-badge-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}body.dark-mode .card-badge-select,body.dark-mode .card-badge-input{color:#f3f4f6;background:#1f2937;border-color:#374151}body.dark-mode .card-badge-select:focus,body.dark-mode .card-badge-input:focus{border-color:var(--accent)}.kanban-note-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.kanban-note-btn:hover{color:var(--text);background:var(--border-light)}body.dark-mode .kanban-note-btn:hover{color:#f3f4f6;background:#ffffff0f}.kanban-card .avatar{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:600;display:flex}.kanban-card .avatar-empty{border:1px dashed var(--text-muted);width:24px;height:24px;color:var(--text-muted);background:0 0;border-radius:50%}.kanban-card .avatar-empty:hover{border-color:var(--accent);color:var(--accent);background:#10b9810a}body.dark-mode .kanban-card .avatar-empty{color:#9ca3af;border-color:#4b5563}body.dark-mode .kanban-card .avatar-empty:hover{border-color:var(--accent);color:var(--accent);background:#10b98114}.kanban-card .person-picker-more{margin-left:2px;font-size:9px;font-weight:600}.kanban-subtask{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}body.dark-mode .kanban-count{color:#93a4bc;background:#0b1020;border-color:#263449}.kyc-embedded{flex-direction:column;min-width:0;display:flex}.kyc-embedded .kyc-header{margin-top:4px}.kyc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.kyc-header h2{letter-spacing:-.3px;margin-bottom:4px;font-size:20px;font-weight:700}.kyc-header p{color:var(--text-muted);font-size:13px;line-height:1.5}.kyc-search{min-width:240px;position:relative}.kyc-search svg{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.kyc-search input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);transition:var(--transition);border-radius:8px;outline:none;padding:9px 14px 9px 36px;font-size:13px}.kyc-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kyc-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.kyc-stat{align-items:center;gap:14px;padding:18px 20px;display:flex;flex-direction:row!important}.kyc-stat .stat-value{margin-bottom:0;font-size:24px}.kyc-table-card{overflow-x:auto}.kyc-table{table-layout:fixed}.kyc-table th{letter-spacing:.5px;font-size:11px;font-weight:600}.kyc-person{align-items:center;gap:10px;display:flex}.kyc-person-name{color:var(--text);font-size:14px;font-weight:600}.kyc-person-meta{color:var(--text-muted);font-size:12px}.kyc-status{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.kyc-status.complete{color:#10b981;background:#34d3991a}.kyc-status.pending{color:#f59e0b;background:#fbbf241a}.kyc-pill{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.kyc-pill.filled{color:#10b981;background:#34d39914}.kyc-pill.missing{color:#f87171;background:#f8717114}.kyc-details-btn{color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition);cursor:pointer;background:var(--surface);border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.kyc-details-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.kyc-detail-row td{padding:0!important}.kyc-detail-panel{background:var(--bg);border-top:1px solid var(--border-light);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:20px 24px;display:grid}.kyc-field{background:var(--surface);border:1px solid var(--border-light);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.kyc-field-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:11px;font-weight:600}.kyc-field-value{color:var(--text);font-variant-numeric:tabular-nums;word-break:break-all;font-size:14px;font-weight:500}.kyc-field-value.empty{color:var(--text-muted);font-style:italic;font-weight:400}.kyc-reveal-btn{color:var(--accent);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.kyc-reveal-btn:hover{background:var(--accent-soft)}.kyc-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.kyc-error{color:#f87171}@media (width<=900px){.kyc-stats{grid-template-columns:repeat(2,1fr)}.kyc-header{flex-direction:column}.kyc-search{min-width:100%}.kyc-detail-panel{grid-template-columns:1fr 1fr}}@media (width<=640px){.kyc-stats{grid-template-columns:1fr 1fr;gap:10px}.kyc-stat{padding:14px 16px}.kyc-stat .stat-value{font-size:20px}.kyc-table thead{display:none}.kyc-table tbody,.kyc-table tr,.kyc-table td{width:100%;display:block}.kyc-table tr.board-row{border-bottom:1px solid var(--border-light);padding:14px 16px}.kyc-table td{border-bottom:none!important;padding:4px 0!important}.kyc-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:600;display:block}.kyc-detail-panel{grid-template-columns:1fr;padding:16px}}@media (width<=768px){.sidebar{z-index:1000;transition:left .25s;position:fixed;top:0;bottom:0;left:-260px}.sidebar.open{left:0}.sidebar-overlay{z-index:999;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.board-container{padding:16px}.top-header{padding:0 14px}.header-actions{gap:2px}.user-pill{max-width:132px;padding-right:8px}.user-pill-name{white-space:nowrap;text-overflow:ellipsis;max-width:72px;overflow:hidden}.clock-widget{margin-left:2px}.clock-btn{padding:6px 10px}.project-toolbar{align-items:stretch!important;padding:12px 16px 0!important}.project-toolbar-left,.project-toolbar-right{width:100%}.project-toolbar-right>input,.project-toolbar-right .custom-select-container{width:100%!important}.task-filter-panel{padding:12px}.task-filter-top{grid-template-columns:1fr}.task-search{min-width:100%}.task-filter-save,.task-filter-clear{width:100%}.task-filter-chips{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.task-filter-chip{flex-shrink:0}.notes-panel{width:100vw}.notif-dropdown{width:auto;position:fixed;top:58px;left:12px;right:12px}.board-group{overflow-x:auto}.board-table{min-width:860px}}.dp-container{flex:1;width:100%;padding:28px;overflow-y:auto}.dp-shell{width:100%;margin:0}.dp-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.dp-hero-left{flex:1}.dp-greeting{letter-spacing:-.5px;color:var(--text);margin-bottom:4px;font-size:22px;font-weight:800}.dp-subtitle{color:var(--text-muted);font-size:14px;line-height:1.5}.dp-date-nav{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:4px;padding:5px 6px;display:flex}.dp-date-btn{color:var(--text-muted);transition:var(--transition);border-radius:6px;align-items:center;padding:6px;display:flex}.dp-date-btn:hover{background:var(--bg);color:var(--text)}.dp-date-display{color:var(--text);justify-content:center;align-items:center;gap:6px;min-width:130px;padding:0 8px;font-size:13px;font-weight:600;display:flex}.dp-today-badge{background:var(--text);color:var(--surface);letter-spacing:.2px;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700}.dp-focus-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;margin-bottom:28px;padding:24px;position:relative;overflow:hidden}.dp-focus-card:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}.dp-focus-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.dp-focus-title{align-items:center;gap:10px;display:flex}.dp-focus-title h2{letter-spacing:-.2px;font-size:16px;font-weight:700}.dp-submitted-badge{color:var(--text-muted);background:var(--bg);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.dp-textarea{border:1px solid var(--border);resize:vertical;box-sizing:border-box;background:var(--bg);width:100%;color:var(--text);transition:var(--transition);border-radius:10px;outline:none;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.7}.dp-textarea::placeholder{color:var(--text-muted);opacity:.7}.dp-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}.dp-focus-footer{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.dp-char-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.dp-save-indicator{align-items:center;gap:5px;font-size:11px;font-weight:500;transition:color .3s,opacity .3s;display:inline-flex}.dp-save-indicator.is-saving{color:var(--text-muted)}.dp-save-indicator.is-pending{color:var(--text-muted);opacity:.7}.dp-save-indicator.is-error{color:#ef4444}.dp-save-spinner{border:2px solid var(--border);border-top-color:var(--text-muted);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite dp-spin;display:inline-block}@keyframes dp-spin{to{transform:rotate(360deg)}}.dp-retry-link{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:700;text-decoration:underline}.dp-team-section{margin-top:8px}.dp-team-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dp-team-title{color:var(--text);align-items:center;gap:10px;display:flex}.dp-team-title h2{letter-spacing:-.2px;font-size:16px;font-weight:700}.dp-team-count{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px 10px;font-size:12px;font-weight:600}.dp-team-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.dp-team-card{background:var(--surface);border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.dp-team-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-glow);transform:translateY(-1px)}.dp-card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.dp-card-person{align-items:center;gap:10px;display:flex}.dp-card-name{color:var(--text);font-size:14px;font-weight:600}.dp-card-time{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.dp-edit-btn{color:var(--text-muted);transition:var(--transition);border-radius:6px;padding:6px;display:flex}.dp-edit-btn:hover{background:var(--accent-soft);color:var(--accent)}.dp-card-content{white-space:pre-wrap;color:var(--text-secondary);font-size:13px;line-height:1.7}.dp-edited-meta{color:var(--text-muted);border-top:1px solid var(--border-light);margin-top:12px;padding-top:10px;font-size:10px;font-style:italic}.dp-edit-textarea{min-height:80px;border-color:var(--accent)!important;background:var(--surface)!important}.dp-edit-actions{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.dp-action-btn{align-items:center;gap:4px;display:flex;padding:5px 12px!important;font-size:12px!important}.dp-empty{text-align:center;background:var(--surface);border:1px dashed var(--border);color:var(--text-muted);border-radius:14px;padding:48px 24px}.dp-empty svg{opacity:.3;margin-bottom:12px}.dp-empty p{color:var(--text-secondary);margin-bottom:4px;font-size:14px;font-weight:500}.dp-empty span{font-size:12px}@media (width<=640px){.dp-container{padding:16px}.dp-hero{flex-direction:column;align-items:flex-start}.dp-greeting{font-size:18px}.dp-team-grid{grid-template-columns:1fr}.dp-focus-card{padding:18px}}.weekly-overview-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.weekly-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.weekly-toolbar-left{align-items:center;gap:12px;display:flex}.week-navigator{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:0;display:flex;overflow:hidden}.weekly-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;font-size:14px;display:flex}.weekly-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.weekly-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:80px 20px;display:flex}.weekly-empty p{color:var(--text-secondary);margin:0;font-size:16px;font-weight:600}.weekly-empty span{font-size:13px}.weekly-table-wrapper{flex:1;padding:16px 20px 24px;overflow:auto}.weekly-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.weekly-project-header{color:#fff;background:var(--proj-color);text-align:left;letter-spacing:-.2px;border-bottom:2px solid var(--proj-color);padding:14px 18px;font-size:13px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.weekly-project-header{border-bottom:2px solid color-mix(in srgb, var(--proj-color), black 15%)}}.weekly-project-header{white-space:nowrap}.weekly-project-header-inner{align-items:center;gap:8px;display:flex}.weekly-project-dot{border:2px solid #fff6;border-radius:4px;flex-shrink:0;width:10px;height:10px}.weekly-task-badge{background:#fff3;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.weekly-status-header{color:#ffffffb3;background:var(--proj-color);padding:14px 12px;font-size:11px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.weekly-status-header{background:color-mix(in srgb, var(--proj-color), black 10%)}}.weekly-status-header{text-align:center;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--proj-color);width:100px;min-width:100px}@supports (color:color-mix(in lab, red, red)){.weekly-status-header{border-bottom:2px solid color-mix(in srgb, var(--proj-color), black 20%)}}.weekly-task-cell{color:var(--text);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);vertical-align:top;min-height:36px;padding:8px 14px;font-size:13px}.weekly-status-cell{text-align:center;border-bottom:1px solid var(--border-light);border-right:1px solid var(--border);vertical-align:top;width:100px;min-width:100px;padding:8px}.weekly-row-even td{background:var(--surface)}.weekly-row-odd td{background:var(--bg)}tr:hover .weekly-task-cell,tr:hover .weekly-status-cell{background:var(--accent-soft)!important}.weekly-task-row{align-items:center;gap:6px;display:flex}.weekly-task-name{flex:1;font-size:13px;font-weight:500;line-height:1.4}.weekly-assignee-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:inline-flex}.weekly-note-btn{color:var(--text-muted);opacity:0;transition:var(--transition);border-radius:3px;align-items:center;padding:2px;display:flex}.weekly-task-row:hover .weekly-note-btn{opacity:1}.weekly-note-btn:hover{color:var(--accent);background:var(--accent-soft)}.weekly-status-badge{white-space:nowrap;letter-spacing:.2px;border:1px solid;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.sprint-timeline-container{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.sprint-progress-section{position:relative}.sprint-progress-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;font-size:12px;font-weight:700}.sprint-progress-bar{background:var(--border-light);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;gap:2px;padding:3px;display:flex;overflow:hidden}.sprint-segment{background:var(--surface);cursor:pointer;border:1px solid #0000;border-radius:10px;flex:1;min-height:56px;transition:all .2s;position:relative;overflow:hidden}.sprint-segment:hover{border-color:var(--segment-color);transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.sprint-segment-current{border:2px solid var(--segment-color);box-shadow:0 0 0 3px var(--segment-color)}@supports (color:color-mix(in lab, red, red)){.sprint-segment-current{box-shadow:0 0 0 3px color-mix(in srgb, var(--segment-color), transparent 80%)}}.sprint-segment-active{border-color:var(--segment-color);box-shadow:0 0 0 3px var(--segment-color), 0 4px 12px #0000000f}@supports (color:color-mix(in lab, red, red)){.sprint-segment-active{box-shadow:0 0 0 3px color-mix(in srgb, var(--segment-color), transparent 70%), 0 4px 12px #0000000f}}.sprint-segment-fill{background:var(--segment-gradient);opacity:.12;border-radius:10px;height:100%;transition:width .4s;position:absolute;top:0;left:0}.sprint-segment-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 12px;display:flex;position:relative}.sprint-segment-name{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.sprint-segment-phase{color:var(--segment-color);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.sprint-pin{z-index:2;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.sprint-pin-dot{border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;transition:transform .2s;box-shadow:0 1px 4px #00000026}.sprint-segment:hover .sprint-pin-dot{transform:scale(1.3)}.sprint-pin-date{color:var(--text-muted);white-space:nowrap;font-size:9px;font-weight:600}.sprint-connector{background:var(--border);z-index:3;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}.sprint-tooltip{z-index:9999;background:var(--surface);border:1px solid var(--border);min-width:200px;max-width:280px;box-shadow:var(--shadow-lg);pointer-events:none;border-top:3px solid var(--tooltip-color);border-radius:10px;padding:12px 16px;animation:.15s ease-out fadeIn;position:fixed}.sprint-tooltip-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sprint-tooltip-header strong{color:var(--text);font-size:13px}.sprint-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sprint-tooltip-phase{color:var(--tooltip-color);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:600}.sprint-tooltip-dates{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:4px;font-size:11px;display:flex}.sprint-tooltip-desc{color:var(--text-muted);margin-bottom:6px;font-size:12px;line-height:1.4}.sprint-tooltip-stats{color:var(--text-secondary);font-size:11px;font-weight:700}.sprint-cards{flex-direction:column;gap:8px;margin-top:24px;display:flex}.sprint-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--sprint-color);border-radius:10px;transition:all .15s;overflow:hidden}.sprint-card:hover{box-shadow:var(--shadow-sm)}.sprint-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .15s;display:flex}.sprint-card-header:hover{background:var(--bg)}.sprint-card-header-left{min-width:0;color:var(--text-muted);flex:1;align-items:center;gap:10px;display:flex}.sprint-card-dot{border-radius:6px;flex-shrink:0;width:12px;height:12px}.sprint-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sprint-card-name{color:var(--text);font-size:14px;font-weight:700}.sprint-card-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.sprint-phase-badge{letter-spacing:.3px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.sprint-card-header-right{align-items:center;gap:10px;display:flex}.sprint-card-count{color:var(--text-secondary);font-size:12px;font-weight:700}.sprint-card-progress-mini{background:var(--border-light);border-radius:3px;width:60px;height:5px;overflow:hidden}.sprint-card-progress-fill{border-radius:3px;height:100%;transition:width .4s}.sprint-action-btn{width:28px;height:28px;color:var(--text-muted);transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;display:flex}.sprint-action-btn:hover{background:var(--bg);color:var(--text)}.sprint-action-danger:hover{color:#ef4444;background:#ef444414}.sprint-card-body{border-top:1px solid var(--border-light);padding:0 18px 16px}.sprint-empty-tasks{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.sprint-hint{opacity:.7;margin-top:4px;font-size:11px;display:block}.sprint-task-list{flex-direction:column;gap:2px;padding-top:10px;display:flex}.sprint-task-item{border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .12s;display:flex}.sprint-task-item:hover{background:var(--bg)}.sprint-task-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sprint-task-name{color:var(--text);flex:0 auto;font-weight:500}.sprint-task-status{flex-shrink:0;font-size:11px;font-weight:600}.sprint-task-date{color:var(--text-muted);flex-shrink:0;align-items:center;gap:3px;font-size:11px;display:flex}.sprint-task-notes-btn{color:var(--text-muted);opacity:0;transition:var(--transition);border-radius:3px;padding:2px;display:flex}.sprint-task-item:hover .sprint-task-notes-btn{opacity:1}.sprint-task-notes-btn:hover{color:var(--accent)}.sprint-task-unassign{color:var(--text-muted);opacity:0;transition:var(--transition);border-radius:3px;padding:2px;display:flex}.sprint-task-item:hover .sprint-task-unassign{opacity:1}.sprint-task-unassign:hover{color:#ef4444}.sprint-assign-section{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.sprint-assign-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.sprint-unassigned-list{flex-direction:column;gap:4px;max-height:150px;display:flex;overflow-y:auto}.sprint-unassigned-item{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-light);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.sprint-assign-btn{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-tint);transition:var(--transition);border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.sprint-assign-btn:hover{background:var(--accent-tint)}.sprint-add-btn{border:1px dashed var(--border);color:var(--text-muted);transition:var(--transition);border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.sprint-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sprint-add-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:10px;width:fit-content;min-width:400px;padding:18px;display:flex}.sprint-add-form-row{align-items:center;gap:8px;display:flex}.sprint-add-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.sprint-input{border:1px solid var(--border);background:var(--bg);color:var(--text);transition:var(--transition);border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:13px}.sprint-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sprint-select{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:var(--transition);border-radius:6px;outline:none;padding:8px 12px;font-size:13px}.sprint-select:focus{border-color:var(--accent)}.sprint-date-group{flex-direction:column;gap:4px;display:flex}.sprint-date-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.project-weekly-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.pw-task-list-wrapper{flex:1;padding:16px 24px 24px;overflow-y:auto}.pw-task-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);background:var(--surface);border-radius:10px;overflow:hidden}.pw-task-table thead th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;background:var(--bg);border-bottom:1px solid var(--border);text-align:left;padding:10px 14px;font-size:11px;font-weight:600}.pw-task-table tbody td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:10px 14px;font-size:13px}.pw-task-row{transition:background .12s}.pw-task-row:hover{background:var(--accent-soft)}.pw-task-row:last-child td{border-bottom:none}.pw-task-index{color:var(--text-muted);text-align:center;font-size:11px;font-weight:600}.pw-task-name-wrapper{align-items:center;gap:8px;display:flex}.pw-group-dot{border-radius:2px;flex-shrink:0;width:6px;height:6px}.pw-task-name{color:var(--text);flex:1;font-weight:600}.pw-notes-btn{color:var(--text-muted);opacity:0;transition:var(--transition);border-radius:4px;padding:3px;display:flex}.pw-task-row:hover .pw-notes-btn{opacity:1}.pw-notes-btn:hover{color:var(--accent);background:var(--accent-soft)}.pw-status-badge{letter-spacing:.3px;min-width:96px;transition:var(--transition);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pw-status-badge:hover{filter:brightness(.9);transform:scale(1.02)}.pw-status-dropdown{background:var(--surface);min-width:120px;box-shadow:var(--shadow-lg);z-index:999;border:1px solid var(--border);border-radius:8px;padding:4px;animation:.12s ease-out fadeIn;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.pw-status-option{text-align:center;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:4px;margin-bottom:2px;padding:6px 8px;font-size:11px;font-weight:700;display:block}.pw-status-option:last-child{margin-bottom:0}.pw-status-option:hover{filter:brightness(.85);transform:scale(1.02)}.pw-task-date{color:var(--text-secondary);font-size:12px}.pw-task-hours{color:var(--text-muted);text-align:center;font-size:12px;font-weight:600}.pw-delete-btn{color:var(--text-muted);opacity:0;transition:var(--transition);border-radius:4px;padding:3px;display:flex}.pw-task-row:hover .pw-delete-btn{opacity:1}.pw-delete-btn:hover{color:#ef4444;background:#ef444414}.pw-add-task-btn{border:1px dashed var(--border);color:var(--text-muted);transition:var(--transition);border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.pw-add-task-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pw-add-task-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:10px;display:flex}.spin{animation:.9s linear infinite spin}.hr-loading{color:var(--text-muted);align-items:center;gap:10px;padding:40px;font-size:14px;display:flex}.hr-error{color:#b91c1c;background:#f8717114;border:1px solid #f8717140;border-radius:10px;margin-bottom:18px;padding:12px 16px;font-size:13px}.hr-negative{color:#dc2626}.hr-hint{color:var(--text-muted);background:var(--bg);border-radius:8px;margin-top:14px;padding:10px 14px;font-size:12px}.hr-link{color:var(--accent);font-weight:600;text-decoration:underline}.hr-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:22px;padding-bottom:2px;display:flex;overflow-x:auto}.hr-tab{color:var(--text-secondary);white-space:nowrap;transition:var(--transition);border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}.hr-tab:hover{color:var(--text);background:var(--border-light)}.hr-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.hr-stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.hr-stat{background:var(--surface);border:1px solid var(--border);text-align:left;transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:18px;display:flex}.hr-stat:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hr-stat-icon{color:var(--accent);margin-bottom:8px;display:flex}.hr-stat-value{letter-spacing:-.5px;font-size:26px;font-weight:700}.hr-stat-label{color:var(--text);font-size:13px;font-weight:600}.hr-stat-hint{color:var(--text-muted);font-size:11px}.hr-callout{color:#92400e;background:#fbbf2417;border:1px solid #fbbf244d;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.hr-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:20px;padding:20px;overflow-x:auto}.hr-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.hr-panel-head h3{letter-spacing:-.2px;font-size:16px;font-weight:700}.hr-panel-head h4{font-size:14px;font-weight:600}.hr-panel-sub{color:var(--text-muted);max-width:620px;margin-top:3px;font-size:12.5px;line-height:1.6}.hr-table{border-collapse:collapse;width:100%;font-size:13px}.hr-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.hr-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:12px}.hr-table tr:last-child td{border-bottom:none}.hr-table tbody tr:hover{background:var(--bg)}.hr-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.header-btn.danger:hover{color:#dc2626;background:#f871711a}.hr-pill{text-transform:capitalize;background:var(--border-light);color:var(--text-secondary);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.hr-pill.active,.hr-pill.accepted,.hr-pill.onboarded,.hr-pill.finalized{color:#047857;background:#34d39924}.hr-pill.sent,.hr-pill.submitted,.hr-pill.self_submitted,.hr-pill.manager_review,.hr-pill.notice{color:#b45309;background:#fbbf2429}.hr-pill.declined,.hr-pill.exited{color:#b91c1c;background:#f8717124}.hr-pill.pending,.hr-pill.self_pending{color:#1d4ed8;background:#3b82f61f}.hr-status-select{border:1px solid var(--border);background:var(--surface);color:var(--text);text-transform:capitalize;border-radius:6px;outline:none;padding:5px 8px;font-size:12px}.hr-rating{color:#b45309;align-items:center;gap:4px;font-weight:600;display:inline-flex}.hr-type-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.hr-type-card{border:1px solid var(--border);background:var(--surface);text-align:left;transition:var(--transition);color:var(--accent);border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.hr-type-card:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.hr-type-card strong{color:var(--text);font-size:13.5px}.hr-type-card span{color:var(--text-muted);font-size:11.5px}.hr-type-cta{align-items:center;gap:3px;margin-top:6px;font-size:11px;font-weight:600;display:inline-flex;color:var(--accent)!important}.hr-filter-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.hr-chip{border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.hr-chip:hover{border-color:var(--accent);color:var(--accent)}.hr-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.hr-field{flex-direction:column;gap:5px;min-width:0;display:flex}.hr-field>span{color:var(--text-secondary);font-size:11.5px;font-weight:600}.hr-field input,.hr-field select,.hr-field textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);transition:var(--transition);border-radius:8px;outline:none;padding:8px 11px;font-size:13px}.hr-field input:focus,.hr-field select:focus,.hr-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hr-field textarea{resize:vertical;line-height:1.5}.hr-field.full{grid-column:1/-1}.hr-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.hr-inline-form{background:var(--bg);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:12px;margin-bottom:20px;padding:16px;display:grid}.hr-inline-form .btn-primary{height:35px}.hr-link-btn{color:var(--accent);border:1px solid var(--border);transition:var(--transition);border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.hr-link-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.hr-modal-overlay{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hr-modal{background:var(--surface);width:min(760px,100%);max-height:88vh;box-shadow:var(--shadow-lg);border-radius:14px;padding:22px;overflow-y:auto}.hr-modal.wide{width:min(900px,100%)}.hr-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.hr-modal-head h3{font-size:17px;font-weight:700}.hr-modal-foot{border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.hr-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.hr-detail{background:var(--bg);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.hr-detail span{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:11px;font-weight:600}.hr-detail strong{word-break:break-word;font-size:13px;font-weight:500}.hr-approve-box{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:10px;margin-top:20px;padding:16px;font-size:13px;line-height:1.6}.hr-approve-box.done{color:#047857;align-items:center;gap:8px;display:flex}.hr-approve-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hr-approve-row input{border:1px solid var(--border);background:var(--surface);min-width:220px;color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 11px;font-size:13px}.hr-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.hr-settings-group{border-top:1px solid var(--border-light);margin-top:18px;padding-top:18px}.hr-settings-group:first-of-type{border-top:none;margin-top:0;padding-top:0}.hr-settings-group .hr-form-grid{margin-top:12px}.hr-settings-preview{background:var(--bg);border-radius:10px;padding:16px;overflow:auto}.hr-settings-preview .letter-sheet{transform-origin:0 0;margin-bottom:-30%;transform:scale(.72)}.hr-composer{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.hr-composer-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex}.hr-composer-actions{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.hr-composer-preview{background:var(--bg);border-radius:12px;max-height:calc(100vh - 190px);padding:18px;overflow:auto}.letter-sheet{color:#111827;background:#fff;width:210mm;min-height:297mm;padding:20mm 18mm;font-family:Inter,system-ui,sans-serif;font-size:11.5pt;line-height:1.65;box-shadow:0 8px 40px #0f172a24}.letter-head{border-bottom:2px solid #111827;align-items:center;gap:18px;margin-bottom:18px;padding-bottom:12px;display:flex}.letter-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:160px;height:52px}.letter-company{letter-spacing:-.5px;font-size:17pt;font-weight:800}.letter-company-meta{color:#4b5563;font-size:9pt;line-height:1.5}.letter-meta{color:#4b5563;justify-content:space-between;margin-bottom:20px;font-size:10pt;display:flex}.letter-ref{font-variant-numeric:tabular-nums}.letter-subject{margin-bottom:16px}.letter-to{margin-bottom:14px;line-height:1.5}.letter-body p{text-align:justify;margin-bottom:13px}.letter-terms{margin:0 0 16px 20px;padding:0}.letter-terms li{margin-bottom:6px}.letter-custom{margin-top:4px}.letter-signoff{margin-top:34px}.letter-signature{margin-top:42px}.letter-sign-line{border-bottom:1px solid #9ca3af;width:190px;margin-bottom:6px}.letter-accept{border-top:1px dashed #9ca3af;margin-top:40px;padding-top:18px}.letter-accept-row{color:#4b5563;gap:40px;margin-top:34px;font-size:9.5pt;display:flex}.letter-foot{color:#6b7280;text-align:center;border-top:1px solid #e5e7eb;margin-top:30px;padding-top:10px;font-size:8.5pt}.onboard-shell{background:linear-gradient(#f8f9fb 0%,#eef2f7 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}.onboard-card{background:var(--surface);border:1px solid var(--border);width:min(760px,100%);box-shadow:var(--shadow-md);border-radius:16px;padding:32px}.onboard-centered{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 32px;display:flex}.onboard-centered h2{font-size:20px;font-weight:700}.onboard-centered p{color:var(--text-secondary);max-width:440px;font-size:14px;line-height:1.6}.onboard-head{margin-bottom:28px}.onboard-eyebrow{text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:11px;font-weight:700}.onboard-head h1{letter-spacing:-.6px;margin:8px 0;font-size:26px;font-weight:800}.onboard-head p{color:var(--text-secondary);font-size:13.5px;line-height:1.7}.onboard-section{border-top:1px solid var(--border-light);margin-top:22px;padding-top:22px}.onboard-section h3{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.onboard-section-icon{color:var(--accent);display:flex}.onboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.onboard-field{flex-direction:column;gap:5px;display:flex}.onboard-field.full{grid-column:1/-1}.onboard-field>span{color:var(--text-secondary);font-size:12px;font-weight:600}.onboard-field em{color:#dc2626;font-style:normal}.onboard-field input,.onboard-field textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);transition:var(--transition);border-radius:8px;outline:none;padding:9px 12px;font-size:13.5px}.onboard-field input:focus,.onboard-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.onboard-field small{color:var(--text-muted);font-size:11px}.onboard-error{color:#b91c1c;background:#f8717117;border:1px solid #f8717147;border-radius:8px;margin-top:20px;padding:11px 14px;font-size:13px}.onboard-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.onboard-actions .btn-primary{padding:11px 22px;font-size:14px}.onboard-note{color:var(--text-muted);font-size:12px}@media (width<=1100px){.hr-composer,.hr-settings{grid-template-columns:minmax(0,1fr)}.hr-composer-preview{max-height:none}.letter-sheet{width:100%;min-height:0;box-shadow:none;padding:24px}.hr-settings-preview .letter-sheet{margin-bottom:0;transform:none}}@media (width<=640px){.onboard-card{padding:22px}.onboard-head h1{font-size:21px}.hr-panel{padding:14px}}@media print{body{background:#fff}.sidebar,.sidebar-overlay,.top-header,.hr-tabs,.hr-composer-form,.hr-panel-head,.hr-filter-row,.hr-type-grid,.hr-stat-grid,.hr-callout,.toast,body.myhr-print .profile-container>:not(.myhr),body.myhr-print .myhr>:not(.myhr-block),body.myhr-print .myhr-block>:not(.myhr-letter-view),body.myhr-print .myhr-letter-bar{display:none!important}body.myhr-print .myhr-block:not(:has(.myhr-letter-view)){display:none!important}.app-container,.main-content,.board-container,.hr-portal,.hr-composer,.hr-composer-preview,.profile-container,.myhr,.myhr-block,.myhr-letter-view,.myhr-letter-scroll{height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.letter-sheet{width:100%;min-height:0;box-shadow:none;padding:0}@page{size:A4;margin:16mm}}body.dark-mode .hr-error{color:#fca5a5;background:#f871711a;border-color:#f871714d}body.dark-mode .hr-callout{color:#fcd34d;background:#fbbf2417;border-color:#fbbf2447}body.dark-mode .hr-pill{color:#94a3b8;background:#1b2638}body.dark-mode .hr-pill.active,body.dark-mode .hr-pill.accepted,body.dark-mode .hr-pill.onboarded,body.dark-mode .hr-pill.finalized{color:#6ee7b7;background:#34d39929}body.dark-mode .hr-pill.sent,body.dark-mode .hr-pill.submitted,body.dark-mode .hr-pill.self_submitted,body.dark-mode .hr-pill.manager_review,body.dark-mode .hr-pill.notice{color:#fcd34d;background:#fbbf2429}body.dark-mode .hr-pill.declined,body.dark-mode .hr-pill.exited{color:#fca5a5;background:#f8717129}body.dark-mode .hr-pill.pending,body.dark-mode .hr-pill.self_pending{color:#93c5fd;background:#60a5fa29}body.dark-mode .hr-rating{color:#fcd34d}body.dark-mode .hr-negative{color:#fca5a5}body.dark-mode .hr-approve-box{background:var(--accent-soft);border-color:var(--accent-line)}body.dark-mode .hr-approve-box.done{color:#6ee7b7}body.dark-mode .hr-tab.active{color:var(--accent)}body.dark-mode .hr-chip.active{color:#04241a}body.dark-mode .hr-type-card strong{color:var(--text)}body.dark-mode .hr-composer-preview,body.dark-mode .hr-settings-preview{background:#1b2333}.btn-ghost.hr-accent{color:var(--accent);border-color:var(--accent-line)}.btn-ghost.hr-accent:hover{background:var(--accent-soft)}a.hr-link-btn{text-decoration:none}.hr-uploads{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.hr-uploads-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-right:4px;font-size:11px;font-weight:600}.hr-logo-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hr-logo-field img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:6px;width:auto;max-width:140px;height:40px;padding:4px 8px}.hr-logo-field .btn-ghost{cursor:pointer}.onboard-section-hint{color:var(--text-muted);margin:-8px 0 14px;font-size:12.5px}.onboard-upload{border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex}.onboard-upload:hover{border-color:var(--accent);color:var(--accent)}.onboard-upload.busy{opacity:.7;cursor:progress}.onboard-upload.done{color:#047857;cursor:default;border-style:solid;border-color:#10b98166}.onboard-upload.done a{color:inherit;font-weight:600}.onboard-upload.done button{color:var(--text-muted);margin-left:auto;display:flex}.onboard-upload.done button:hover{color:#dc2626}.myhr{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.myhr-head h3{letter-spacing:-.2px;font-size:17px;font-weight:700}.myhr-head p{color:var(--text-muted);margin-bottom:18px;font-size:13px}.myhr-block{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:18px}.myhr-block h4{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:13.5px;font-weight:700;display:flex}.myhr-block h4 svg{color:var(--accent)}.myhr-empty{color:var(--text-muted);font-size:13px}.myhr-list{flex-direction:column;gap:8px;list-style:none;display:flex}.myhr-list li{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.myhr-list li strong{font-size:13.5px;display:block}.myhr-meta{color:var(--text-muted);font-size:12px;display:block}.myhr-letter-view{border:1px solid var(--border);border-radius:10px;margin-top:14px;overflow:hidden}.myhr-letter-bar{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.myhr-letter-scroll{background:var(--bg);padding:16px;overflow:auto}.myhr-letter-scroll .letter-sheet{margin:0 auto}.myhr-appraisal{background:var(--bg);border:1px solid var(--border-light);border-radius:10px;margin-bottom:10px;padding:14px}.myhr-appraisal.self_pending{border-color:#fbbf2480}.myhr-appraisal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.myhr-appraisal-head strong{font-size:14px}.myhr-goals{white-space:pre-wrap;margin-top:10px;font-size:13px;line-height:1.6}.myhr-goals span{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.myhr-self{flex-direction:column;align-items:flex-start;gap:10px;margin-top:12px;display:flex}.myhr-self label{flex-direction:column;gap:5px;width:100%;display:flex}.myhr-self label span{color:var(--text-secondary);font-size:11.5px;font-weight:600}.myhr-self textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;line-height:1.55}.myhr-self textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.myhr-outcome{margin-top:4px}.myhr-ctc{color:var(--text-secondary);margin-top:10px;font-size:13px}.myhr-ctc strong{color:#047857}body.dark-mode .myhr-ctc strong,body.dark-mode .onboard-upload.done{color:#6ee7b7}body.dark-mode .hr-logo-field img{background:#fff}@media (width<=640px){.myhr-list li{flex-direction:column;align-items:flex-start}.myhr-letter-scroll .letter-sheet{width:100%;min-height:0;box-shadow:none;padding:20px}}.leave-policy-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:20px}.leave-policy-card h3{color:var(--text);margin-bottom:14px;font-size:15px;font-weight:700}.leave-policy-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.leave-policy-stat{border:1px solid #0000;border-radius:8px;padding:14px}.leave-policy-stat .value{font-size:22px;font-weight:700}.leave-policy-stat .label{color:var(--text-secondary);margin-top:4px;font-size:12px}.leave-policy-stat .hint{color:var(--text-muted);margin-top:4px;font-size:11px}.leave-policy-stat.blue{background:#0073ea12;border-color:#0073ea38}.leave-policy-stat.blue .value{color:#0073ea}.leave-policy-stat.green{background:#10b98114;border-color:#10b98140}.leave-policy-stat.green .value{color:#10b981}body.dark-mode .leave-policy-stat.blue .value{color:#60a5fa}body.dark-mode .leave-policy-stat.green .value{color:#34d399}@media (width<=640px){.leave-policy-grid{grid-template-columns:1fr}}.pw-month-section{border-bottom:1px solid var(--border)}.pw-month-section:last-of-type{border-bottom:none}.pw-month-header{align-items:center;gap:10px;padding:14px 24px 6px;display:flex}.pw-month-header h3{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.weekly-toolbar .view-toggle{margin-left:auto}.leave-days-card{background:#0073ea12;border:1px solid #0073ea38;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.leave-days-card.over{background:#e2445c14;border-color:#e2445c4d}.leave-days-available{color:var(--text-muted);margin-top:2px;font-size:11px}.attendance-policy-banner{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;padding:16px;display:flex}.attendance-policy-banner div{color:var(--text-secondary);font-size:12px}.attendance-policy-banner strong{color:var(--text)}.sidebar-wordmark{width:126px;height:auto;display:block}.sidebar-header{padding:20px 18px 14px}.weekly-toolbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.pw-export-btn{color:var(--text-secondary);border:1px solid var(--border);background:var(--surface);transition:var(--transition);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pw-export-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pw-month-export{color:var(--text-secondary);border:1px solid var(--border);background:var(--surface);transition:var(--transition);border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.pw-month-export:hover{color:var(--accent);border-color:var(--accent)}.hr-presence{color:var(--text-secondary);flex-wrap:wrap;gap:18px;margin-bottom:14px;font-size:13px;display:flex}.hr-presence strong{color:var(--text);margin-right:4px;font-size:15px}.hr-presence .on strong{color:#10b981}.pw-export-wrap{position:relative}.pw-export-menu{z-index:999;background:var(--surface);border:1px solid var(--border);min-width:270px;box-shadow:var(--shadow-lg);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.pw-export-menu-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:6px 10px 4px;font-size:10px;font-weight:700}.pw-export-menu>button{text-align:left;width:100%;color:var(--text);transition:var(--transition);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.pw-export-menu>button span{color:var(--text-muted);font-size:11px;font-weight:500}.pw-export-menu>button:hover{background:var(--bg);color:var(--accent)}.pw-export-menu-divider{background:var(--border-light);height:1px;margin:4px 6px}.pw-export-menu-pick{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;padding:6px 10px 4px;font-size:12px;display:flex}.pw-export-menu-pick input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;outline:none;padding:5px 8px;font-size:12px}.pw-task-list-wrapper.pw-sprints{flex-direction:column;padding:0;display:flex}body{font-family:var(--font-body);letter-spacing:0}h1,h2,h3,.header-title,.group-title,.kyc-header h2,.hr-panel-head h3,.hr-panel-head h4,.hr-modal-head h3,.myhr-head h3,.onboard-head h1,.login-card h1,.confirm-title,.letter-company,.month-label,.sprint-card-name,.stat-value,.hr-stat-value,.kyc-stat .stat-value,.leave-policy-stat .value,.kanban-column-title,.profile-container h2{font-family:var(--font-display);letter-spacing:-.015em;font-variation-settings:"opsz" 40}.stat-value,.hr-stat-value,.kyc-stat .stat-value,.leave-policy-stat .value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700}.header-title{font-size:16px;font-weight:700}.group-title{font-weight:700}table{font-variant-numeric:tabular-nums}table th,.sidebar-section-label,.hr-uploads-label,.hr-detail span,.myhr-goals span,.pw-export-menu-label,.pw-month-header h3,.onboard-eyebrow,.letter-meta,.letter-ref,.user-pill-role,.form-label,.hr-field>span,.onboard-field>span,.myhr-self label span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:500}.hr-field>span,.onboard-field>span,.form-label,.myhr-self label span{color:var(--text-muted);font-size:10px}.letter-meta,.letter-ref{text-transform:none;letter-spacing:.02em;font-size:9.5pt}.btn-primary,.login-btn{background:var(--accent);box-shadow:none;border-radius:var(--radius);filter:none;font-family:var(--font-body);letter-spacing:.01em;font-weight:600}.btn-primary:hover,.login-btn:hover{background:var(--accent-hover);box-shadow:none;filter:none;transform:none}.btn-primary:active,.login-btn:active{transform:translateY(1px)}.btn-ghost,.hr-link-btn,.pw-export-btn,.pw-month-export,.export-excel-btn,.kyc-details-btn,.month-today-btn,.hr-chip,.sprint-add-btn,.pw-add-task-btn{border-radius:var(--radius);box-shadow:none}.export-excel-btn{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.export-excel-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);box-shadow:none;transform:none}.month-today-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.month-today-btn:hover{background:var(--accent-hover)}.clock-btn{border-radius:var(--radius)}.clock-btn.clock-in:hover{box-shadow:none;transform:none}.user-pill{border-radius:var(--radius)}.nav-item{border-radius:4px;margin-left:0;padding-left:14px}.nav-item.active{background:var(--sidebar-active);color:var(--accent);box-shadow:inset 3px 0 0 var(--brand);border-radius:0 4px 4px 0;font-weight:600}.sidebar-section-label{color:#4b5771;padding-top:22px}.sidebar-header{padding-bottom:18px}.stat-card,.board-group,.hr-panel,.hr-stat,.hr-type-card,.kanban-card,.myhr-block,.leave-policy-card,.onboard-card,.login-card,.modal-container,.hr-modal,.dp-focus-card,.dp-team-card,.sprint-card,.hr-inline-form,.attendance-policy-banner,.kyc-table-card,.task-card,.notif-dropdown,.ws-context-menu,.pw-export-menu,.pw-status-dropdown,.custom-select-dropdown{box-shadow:none;border-radius:8px}.stat-card:hover,.hr-stat:hover,.hr-type-card:hover,.dp-team-card:hover{box-shadow:none;border-color:var(--accent-line);transform:none}.modal-container,.hr-modal,.pw-export-menu,.ws-context-menu{box-shadow:6px 6px 0 var(--accent-soft), var(--shadow-lg)}.hr-panel{padding:22px}.board-group-header{border-radius:8px 8px 0 0}.leave-policy-stat,.leave-days-card,.hr-detail,.myhr-list li,.myhr-appraisal,.hr-approve-box,.hr-callout,.hr-error,.onboard-error,.hr-hint{border-radius:6px}.hr-tab,.att-tab{border-radius:0;padding:10px 14px}.hr-tab.active,.att-tab.active{color:var(--accent);border-bottom-color:var(--accent)}body.dark-mode .hr-tab.active,body.dark-mode .att-tab.active{color:var(--accent)}.card-badge,.hr-pill,.kyc-pill,.kyc-status,.month-task-count,.att-tab-badge,.profile-filled-badge,.tasks-done-badge,.team-admin-tag,.pw-status-badge,.sprint-card-count,.group-count{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;font-size:10.5px;font-weight:500}.hr-pill{padding:3px 8px}.pw-status-badge{font-weight:600}.form-input,.hr-field input,.hr-field select,.hr-field textarea,.onboard-field input,.onboard-field textarea,.kyc-search input,.sprint-input,.dp-textarea,.myhr-self textarea,.hr-approve-row input,.hr-status-select,.pw-export-menu-pick input,.login-card input{border-radius:var(--radius);font-family:var(--font-body)}table th{color:var(--text-muted)}.hr-table tbody tr:hover,.board-row:hover,.pw-task-row:hover{background:var(--accent-soft)}.view-toggle{border-radius:var(--radius)}.view-toggle button.active,body.dark-mode .view-toggle button.active{background:var(--accent);color:#fff}.login-card{border-radius:12px}.letter-sheet{font-family:var(--font-body)}.letter-company{font-family:var(--font-display)}.letter-head{border-bottom:2px solid #d2593a}.hr-stat{text-align:left}.hr-stat-icon,.hr-stat:hover .hr-stat-value{color:var(--accent)}.onboard-shell{background:#f4f1ec}.onboard-card{border-radius:10px}.dp-team-card,.dp-focus-card{--paper:#fff3a3;--tilt:0deg;--ink:#2a2419;--ink-muted:#2a24198c;background:var(--paper);color:var(--ink);transform:rotate(var(--tilt));border:none;border-radius:2px;transition:transform .18s,box-shadow .18s;position:relative;overflow:visible;box-shadow:0 8px 18px #00000029,0 1px 2px #0000001a}body.dark-mode .dp-team-card,body.dark-mode .dp-focus-card{box-shadow:0 12px 26px #00000080,0 1px 2px #0000004d}.dp-team-card:hover{border-color:#0000;transform:rotate(0)translateY(-3px);box-shadow:0 18px 32px #00000038}.dp-team-card:before,.dp-focus-card:before{content:"";background:#ffffff6b;border:1px solid #ffffff8c;border-radius:1px;width:92px;height:24px;position:absolute;top:-12px;left:50%;right:auto;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 2px #00000014}.dp-team-card:after{content:"";background:linear-gradient(to top left, var(--bg) 50%, #0000001f 50%);width:24px;height:24px;position:absolute;bottom:0;right:0}.dp-team-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px 24px;padding:14px 6px 24px}.dp-card-header{border-bottom:none;padding:20px 18px 4px}.dp-card-name{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:700}.dp-card-time{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.06em;font-size:10px}.dp-edit-btn{color:var(--ink-muted)}.dp-edit-btn:hover{color:var(--ink);background:#00000012}.dp-card-body{padding:4px 18px 22px}.dp-card-content,.dp-focus-card .dp-textarea,.dp-edit-textarea{font-family:var(--font-note);color:var(--ink);background-image:repeating-linear-gradient(#0000 0 27px,#00000017 27px 28px);font-size:19px;line-height:28px}.dp-card-content{min-height:84px}.dp-edited-meta{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.05em;border-top-color:#0000001f;font-size:9.5px;font-style:normal}.dp-edit-textarea{border-radius:2px;padding:4px 8px;box-shadow:none!important;background-color:#ffffff59!important;border:1px dashed #00000047!important}.dp-edit-actions .btn-ghost{color:var(--ink);border-color:#00000040}.dp-focus-card{--tilt:-.6deg;margin:20px 0 44px;padding:22px 24px 16px}.dp-focus-title h2{font-family:var(--font-display);color:var(--ink)}.dp-focus-icon{color:#b2481f}.dp-submitted-badge{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.05em;background:#0000000f;border:none;font-size:10px}.dp-focus-card .dp-textarea{box-shadow:none;background-color:#0000;border:none;border-radius:0;min-height:160px;padding:4px 2px}.dp-focus-card .dp-textarea:focus{box-shadow:none;background-color:#0000;border:none}.dp-focus-card .dp-textarea::placeholder{color:#2a241961;opacity:1}.dp-char-count,.dp-save-indicator{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.dp-save-indicator.is-saved{color:#2f7a4a}.dp-save-indicator.is-saving,.dp-save-indicator.is-pending{color:var(--ink-muted)}.dp-save-indicator.is-error,.dp-retry-link{color:#b3261e}.dp-save-spinner{border-color:#00000026;border-top-color:var(--ink-muted)}.dp-team-title h2{font-family:var(--font-display)}.dp-team-count{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;font-size:10.5px}.dp-greeting{font-family:var(--font-display);font-size:24px}.dp-empty{border-radius:4px}.dp-focus-card{width:min(100%,580px)}.dp-focus-card .dp-textarea,.dp-edit-textarea{resize:none;overflow:hidden}.dp-focus-card .dp-textarea{min-height:168px}.dp-team-grid{grid-template-columns:repeat(auto-fill,minmax(280px,340px));justify-content:start}.dp-card-content,.dp-focus-card .dp-textarea,.dp-edit-textarea{background-position:0 0;background-origin:content-box;background-clip:content-box;padding-top:0}.dp-focus-card .dp-textarea{margin-top:8px;padding:0 2px}.dp-card-content{padding-top:0}.dp-focus-card .dp-textarea,.dp-edit-textarea{max-height:280px;overflow-y:auto}.dp-card-content{max-height:336px;overflow-y:auto}.dp-focus-card .dp-textarea,.dp-edit-textarea,.dp-card-content{scrollbar-width:thin;scrollbar-color:#2a241947 transparent;background-attachment:local}.dp-focus-card .dp-textarea::-webkit-scrollbar{width:6px}.dp-edit-textarea::-webkit-scrollbar{width:6px}.dp-card-content::-webkit-scrollbar{width:6px}.dp-focus-card .dp-textarea::-webkit-scrollbar-thumb{background:#2a241947;border-radius:3px}.dp-edit-textarea::-webkit-scrollbar-thumb{background:#2a241947;border-radius:3px}.dp-card-content::-webkit-scrollbar-thumb{background:#2a241947;border-radius:3px}td>svg,th>svg,.date-overdue svg,.date-cell svg{vertical-align:-2px;display:inline-block}.date-overdue,.date-cell{white-space:nowrap}.dp-track{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:0 0 28px;padding:18px 20px}.dp-track-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.dp-track-head h2{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.dp-track-head h2 svg{color:var(--accent)}.dp-track-today{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.dp-track-today strong{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px}.dp-track-today .off{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border:1px dashed var(--border);border-radius:4px;padding:4px 8px;font-size:10.5px}.dp-track-missing{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.dp-track-missing .avatar{width:22px;height:22px;font-size:9px}.dp-track-grid{grid-template-columns:minmax(180px, 1.2fr) repeat(var(--days), minmax(34px, 1fr)) 72px;align-items:center;gap:4px 0;display:grid;overflow-x:auto}.dp-track-grid .col{text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:2px 0 6px;font-size:9.5px;line-height:1.2}.dp-track-grid .col b{color:var(--text-secondary);font-size:11px;font-weight:500;display:block}.dp-track-grid .col.is-selected b{color:var(--accent)}.dp-track-grid .person{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.dp-track-grid .person .avatar{width:24px;height:24px;font-size:9px}.dp-track-grid .person span{font-weight:600}.dp-track-grid .cell{justify-content:center;display:flex}.dp-track-grid .dot{border:2px solid var(--border);border-radius:50%;width:12px;height:12px}.dp-track-grid .dot.done{background:var(--done);border-color:var(--done)}.dp-track-grid .dot.missed{border-color:var(--stuck);background:0 0}.dp-track-grid .dot.na{background:var(--border-light);border-color:#0000;width:6px;height:6px}.dp-track-grid .rate{text-align:right;font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.dp-track-grid .rate.good{color:var(--done)}.dp-track-grid .rate.bad{color:var(--stuck)}.dp-track-legend{color:var(--text-muted);align-items:center;gap:14px;margin-top:12px;font-size:11px;display:flex}.dp-track-legend .dot{border:2px solid var(--border);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.dp-track-legend .dot.done{background:var(--done);border-color:var(--done)}.dp-track-legend .dot.missed{border-color:var(--stuck)}.dp-track-grid .dot.leave,.dp-track-legend .dot.leave{background:#3b82f638;border-color:#3b82f6}.sidebar-retry{text-align:left;color:#94a3b8;background:#e2445c14;border:1px dashed #e2445c59;border-radius:4px;width:calc(100% - 8px);margin:4px 4px 0;padding:9px 12px;font-size:12px;display:block}.sidebar-retry span{color:var(--accent);font-weight:600}.sidebar-retry:hover{color:#e2e8f0;background:#e2445c24}.pw-status-badge{white-space:nowrap}.pw-task-row{cursor:grab}.pw-task-row:active{cursor:grabbing}.pw-task-row.is-dragging{opacity:.35}.pw-task-name{cursor:text;border-radius:4px;margin:-2px -4px;padding:2px 4px}.pw-task-name:hover{background:var(--accent-soft)}.pw-inline-input{border:1px solid var(--accent);width:100%;font-size:13px;font-family:var(--font-body);background:var(--surface);color:var(--text);box-shadow:0 0 0 3px var(--accent-soft);border-radius:4px;outline:none;padding:5px 8px}.pw-inline-num{text-align:center;width:64px}.pw-cell-btn{color:var(--text-secondary);transition:var(--transition);white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:12px}.pw-cell-btn:hover{background:var(--accent-soft);color:var(--accent)}.pw-cell-btn.is-empty{color:var(--text-muted);font-style:italic}.pw-task-hours .pw-cell-btn{font-style:normal;font-weight:600}.pw-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:16px!important}.pw-add-row td{border-bottom:none!important;padding:4px 8px!important}.pw-add-inline{color:var(--text-muted);transition:var(--transition);border-radius:4px;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.pw-add-inline:hover{color:var(--accent);background:var(--accent-soft)}.pw-add-inline-form{align-items:center;gap:8px;padding:4px 2px;display:flex}.pw-add-inline-form .pw-inline-input{max-width:520px}.pw-month-section{border-radius:8px;transition:background .12s,box-shadow .12s}.pw-month-section.is-drop{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent-line)}.month-nav-btn.is-drop{background:var(--accent-tint);color:var(--accent)}.pw-drag-hint{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:10.5px}.pw-task-table .person-picker-badge,.pw-task-table .avatar-empty{cursor:pointer}.lt-carried{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);margin-top:2px;font-size:10px;font-weight:500;display:block}.hr-callout.ok{color:#065f46;background:#34d39914;border-color:#34d3994d}body.dark-mode .hr-callout.ok{color:#6ee7b7}.hr-callout code{font-family:var(--font-mono);background:#0000000f;border-radius:3px;padding:1px 5px;font-size:11.5px}.offer-shell{align-items:flex-start}.offer-wrap{flex-direction:column;gap:18px;width:min(860px,100%);display:flex}.offer-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.offer-bar h1{font-family:var(--font-display);letter-spacing:-.02em;color:#111827;margin:6px 0 4px;font-size:24px}.offer-bar p{color:#4b5563;font-size:13px}.offer-bar .offer-expired{color:#b91c1c;font-weight:600}.offer-letter{overflow:auto}.offer-letter .letter-sheet{margin:0 auto}.offer-respond{border:1px solid var(--border);color:#111827;background:#fff;border-radius:10px;padding:22px 24px}.offer-respond h3{font-family:var(--font-display);margin-bottom:4px;font-size:17px}.offer-respond p{color:#4b5563;margin-bottom:12px;font-size:13.5px}.offer-respond textarea{border:1px solid var(--border);width:100%;font-size:13.5px;font-family:var(--font-body);border-radius:6px;outline:none;margin-bottom:14px;padding:10px 12px}.offer-respond textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.offer-actions{flex-wrap:wrap;gap:10px;display:flex}.offer-result{align-items:flex-start;gap:14px;display:flex}.offer-result.accepted{color:#047857}.offer-result.declined{color:#b91c1c}.offer-result strong{font-family:var(--font-display);margin-bottom:4px;font-size:17px;display:block}.offer-result p{color:#4b5563;margin:0}@media print{.offer-bar,.offer-respond{display:none!important}.offer-shell{background:#fff;padding:0}.offer-letter .letter-sheet{box-shadow:none}}.header-search{border:1px solid var(--border);color:var(--text-muted);background:var(--bg);transition:var(--transition);border-radius:6px;align-items:center;gap:7px;margin-right:6px;padding:6px 10px;font-size:12.5px;display:inline-flex}.header-search:hover{color:var(--text);border-color:var(--accent-line)}.header-search kbd,.cmdk-input kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:1px 5px;font-size:10px}.cmdk-overlay{z-index:1500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmdk{background:var(--surface);border:1px solid var(--border);width:min(640px,100vw - 32px);box-shadow:6px 6px 0 var(--accent-soft), var(--shadow-lg);border-radius:10px;overflow:hidden}.cmdk-input{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:10px;padding:12px 14px;display:flex}.cmdk-input input{font-size:15px;font-family:var(--font-body);color:var(--text);background:0 0;border:none;outline:none;flex:1}.cmdk-list{max-height:60vh;padding:6px;overflow-y:auto}.cmdk-hint{color:var(--text-muted);padding:16px 12px;font-size:13px}.cmdk-item{text-align:left;width:100%;color:var(--text);border-radius:6px;align-items:center;gap:12px;padding:9px 10px;display:flex}.cmdk-item.active{background:var(--accent-soft)}.cmdk-icon{width:26px;color:var(--text-muted);justify-content:center;display:flex}.cmdk-icon.project{color:#fdab3d}.cmdk-icon.task{color:var(--accent)}.cmdk-text{flex-direction:column;flex:1;min-width:0;display:flex}.cmdk-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.cmdk-text small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.cmdk-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--border-light);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px}.cmdk-status.done{color:var(--done)}.cmdk-status.stuck{color:var(--stuck)}.cmdk-status.working{color:var(--working)}.cmdk-kind{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px}.pw-copy-btn{border-radius:var(--radius);color:var(--text-secondary);border:1px solid var(--border);background:var(--surface);transition:var(--transition);white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.pw-copy-btn:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}@media (width<=640px){.header-search span,.header-search kbd{display:none}.header-search{padding:8px}.top-header{gap:6px;padding:0 10px}.header-title{white-space:nowrap;text-overflow:ellipsis;max-width:38vw;font-size:14px;overflow:hidden}.header-actions{gap:2px}.clock-btn{white-space:nowrap;padding:6px 9px;font-size:11px}.user-pill{background:0 0;border:none;margin-left:2px;padding:3px}.user-pill-name,.user-pill-role{display:none}.month-task-count{white-space:nowrap}.weekly-toolbar{padding:10px 12px}.pw-task-list-wrapper{padding:10px 12px 20px;overflow-x:auto}.pw-task-table{min-width:620px}.pw-month-header{flex-wrap:wrap;padding:12px 4px 6px}.hr-tabs{scrollbar-width:none}.hr-tabs::-webkit-scrollbar{display:none}}.mobile-menu-btn{display:none}@media (width<=768px){.mobile-menu-btn{display:flex}}.skel-row{background:linear-gradient(90deg, var(--border-light) 0%, var(--border) 40%, var(--border-light) 80%);background-size:200% 100%;border-radius:6px;animation:1.2s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.dark-mode .skel-row{background:linear-gradient(90deg,#141c2c 0%,#1b2638 40%,#141c2c 80%) 0 0/200% 100%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}