@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&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{.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}.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}.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:#34d3991f;--sidebar-hover:#ffffff0d;--done:#34d399;--working:#fbbf24;--stuck:#f87171;--default-status:#8892a4;--critical:#991b1b;--high:#f87171;--medium:#fbbf24;--low:#34d399;--accent:#10b981;--accent-glow:#10b98140;--radius:10px;--shadow-sm:0 1px 3px #0f172a0a;--shadow-md:0 4px 16px #0f172a12;--shadow-lg:0 12px 40px #0f172a1f;--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{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#34d399,#059669);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex;box-shadow:0 4px 16px #34d3994d}.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{background:#34d3990f;border-color:#34d399;box-shadow:0 0 0 3px #34d39914}.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{color:#34d399;background:#34d3991a;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{color:#fff;transition:var(--transition);background:linear-gradient(135deg,#10b981,#059669);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;box-shadow:0 2px 8px #10b98133}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d}.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{color:#10b981;background:#34d3990a;border-color:#34d399}.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:#34d39908}.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:#10b9811a;font-weight:600}.person-picker-option.selected:hover{background:#10b98129}.person-picker-check{color:#10b981;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:#34d399;transform:translateY(-1px);box-shadow:0 4px 16px #34d3991a}.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:"";pointer-events:none;background:radial-gradient(circle,#34d39926 0%,#10b9810d 40%,#0000 70%);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{background:#ffffff0f;border-color:#34d399;box-shadow:0 0 0 3px #34d3991f}.login-btn{color:#fff;letter-spacing:.2px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;width:100%;margin-top:8px;padding:13px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #10b9814d}.login-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 30px #10b98166}.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:#34d399;background:#34d3990f}.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);border-radius:50%;width:7px;height:7px;margin-top:7px;box-shadow:0 0 0 3px #10b9811a}.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:#10b9810a}.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{color:#059669;background:#10b9811a;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)}.view-toggle button.active{background:var(--text);color:var(--surface)}.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:#10b9810d}.task-filter-chip.active{color:#10b981;background:#10b9811f;border-color:#10b98159}.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{color:#059669;background:#10b9812e}.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);transition:var(--transition);background:#10b98114;border:1px solid #10b98133;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.month-today-btn:hover{background:#10b98126}.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:#10b981;transition:var(--transition);background:linear-gradient(135deg,#10b98114,#05966914);border:1px solid #10b98133;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:linear-gradient(135deg,#10b98126,#05966926);transform:translateY(-1px);box-shadow:0 2px 8px #10b98133}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 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080}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:#34d3990a!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:#34d399}body.dark-mode .date-input{color:#dbe3ef;background:0 0;border-color:#0000}body.dark-mode .date-input:focus{border-bottom:2px solid #34d399}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{color:#f8fafc;background:#10b9811a;border-color:#34d399}body.dark-mode .task-filter-chip.active{color:#34d399;background:#10b98129;border-color:#34d39966}body.dark-mode .task-filter-chip span{color:#93a4bc;background:#0b1020}body.dark-mode .task-filter-chip.active span{color:#6ee7b7;background:#10b9812e}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{background:#10b98124}body.dark-mode .person-picker-option.selected:hover{background:#10b98133}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{color:#34d399;border-color:#34d399}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{color:#34d399;background:#10b98124}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{background:0 0;border-color:#34d399}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{background:#101a2c;border-color:#34d399;box-shadow:0 0 0 3px #34d3991f}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{color:#6ee7b7;background:#10b98114;border-color:#34d399}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:#10b981;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 #10b98114}.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:#10b9810a}.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:#10b98114}.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:min(100%,1040px);margin:0 auto}.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:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);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-focus-icon{color:#10b981}.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{background:var(--surface);border-color:#34d399;box-shadow:0 0 0 3px #34d39914}.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-saved{color:#10b981}.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:#34d3994d;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{color:#10b981;background:#34d39914}.dp-card-body{padding:16px 18px}.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;background:var(--surface)!important;border-color:#34d399!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}}@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}