@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--font-display: "Space Grotesk", "Manrope", -apple-system, sans-serif;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--hue: 172;--hue-accent: 20;--bg-color: hsl(var(--hue), 24%, 96.5%);--surface-color: #FFFFFF;--hover-color: hsl(var(--hue), 20%, 93%);--text-primary: hsl(200, 34%, 10%);--text-secondary: hsl(202, 12%, 41%);--text-tertiary: hsl(202, 10%, 60%);--border-color: hsl(var(--hue), 15%, 87.5%);--primary: hsl(var(--hue), 68%, 27%);--primary-active: hsl(var(--hue), 70%, 21%);--primary-soft: hsl(var(--hue), 55%, 93.5%);--accent: hsl(var(--hue-accent), 88%, 58%);--accent-soft: hsl(var(--hue-accent), 90%, 94.5%);--success: hsl(152, 55%, 36%);--warning: hsl(38, 92%, 47%);--error: hsl(6, 78%, 55%);--error-soft: hsl(6, 85%, 95.5%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-sm: 0 1px 3px hsla(200, 40%, 12%, .07);--shadow-md: 0 10px 28px hsla(200, 40%, 12%, .1), 0 2px 8px hsla(200, 40%, 12%, .06);--shadow-lg: 0 24px 56px hsla(200, 45%, 10%, .16), 0 8px 20px hsla(200, 40%, 12%, .08);--shadow-glow: 0 0 0 6px hsla(var(--hue), 68%, 27%, .1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .24s;--duration-slow: .42s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--postit-default: var(--surface-color);--postit-yellow: #F6E3A1;--postit-green: #BFE6CE;--postit-blue: #C2DCF2;--postit-pink: #F3D0DE;--postit-orange: #F5D2AA;--postit-purple: #DAD2EF;--postit-teal: #ABE3DB;--postit-red: #F2C7C0;--postit-gray: #E3E6E8}[data-theme=dark]{--bg-color: hsl(200, 22%, 7%);--surface-color: hsl(200, 18%, 11%);--hover-color: hsl(200, 16%, 17%);--text-primary: hsl(172, 12%, 94%);--text-secondary: hsl(190, 8%, 66%);--text-tertiary: hsl(190, 8%, 48%);--border-color: hsl(200, 14%, 20%);--primary: hsl(var(--hue), 55%, 52%);--primary-active: hsl(var(--hue), 58%, 60%);--primary-soft: hsla(var(--hue), 55%, 52%, .16);--accent: hsl(var(--hue-accent), 90%, 62%);--accent-soft: hsla(var(--hue-accent), 90%, 62%, .18);--success: hsl(152, 50%, 50%);--warning: hsl(38, 92%, 58%);--error: hsl(6, 82%, 63%);--error-soft: hsla(6, 82%, 63%, .18);--shadow-sm: 0 2px 6px hsla(0,0%,0%,.35);--shadow-md: 0 12px 28px hsla(0,0%,0%,.45);--shadow-lg: 0 26px 60px hsla(0,0%,0%,.6);--shadow-glow: 0 0 0 6px hsla(var(--hue), 55%, 52%, .22);--postit-default: var(--surface-color);--postit-yellow: #423812;--postit-green: #1c3d28;--postit-blue: #1b2c45;--postit-pink: #452033;--postit-orange: #432205;--postit-purple: #2e1065;--postit-teal: #0f3f37;--postit-red: #450a0a;--postit-gray: #1f2937}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary)}h1{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.1}h2{font-size:25px;font-weight:700;letter-spacing:-.015em;line-height:1.2}h3{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3}p{font-size:15.5px;line-height:1.55;letter-spacing:0}.caption{font-size:12.5px;color:var(--text-secondary);font-weight:500}:focus-visible{outline:2px solid var(--primary)!important;outline-offset:2px!important;border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus,[contenteditable=true]:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px hsla(var(--hue),68%,27%,.14)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus,[data-theme=dark] [contenteditable=true]:focus{box-shadow:0 0 0 3px hsla(var(--hue),55%,52%,.22)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-in{animation:fadeSlideUp var(--duration-slow) var(--ease-out) both}.animate-in:nth-child(1){animation-delay:0ms}.animate-in:nth-child(2){animation-delay:60ms}.animate-in:nth-child(3){animation-delay:.12s}.animate-in:nth-child(4){animation-delay:.18s}.animate-in:nth-child(5){animation-delay:.24s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);border:none;font-family:var(--font-body);font-size:15.5px;font-weight:700;letter-spacing:-.005em;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform 80ms var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);color:var(--text-primary);min-height:44px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#fff!important;box-shadow:0 1px 2px hsla(var(--hue),60%,15%,.2)}.btn-primary:hover{background-color:var(--primary-active)}.btn-secondary{background-color:transparent;border:1.5px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-soft)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--hover-color);color:var(--text-primary)}.btn-danger{background-color:var(--error);color:#fff!important}.btn-danger:hover{filter:brightness(.93)}.editor-format-dropdown{position:relative}.editor-format-trigger{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-family:var(--font-body);font-size:13px;font-weight:700;padding:6px 8px;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out)}.editor-format-trigger:hover{background:var(--hover-color)}.editor-format-trigger .icon{width:14px;height:14px;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.editor-format-dropdown.open .editor-format-trigger .icon{transform:rotate(180deg)}.editor-format-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;min-width:190px;display:none;flex-direction:column;gap:1px;z-index:20;opacity:0;transform:translateY(-6px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.editor-format-dropdown.open .editor-format-menu{display:flex;opacity:1;transform:translateY(0)}.editor-format-option{display:block;width:100%;text-align:left;background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;color:var(--text-primary);padding:7px 10px 7px 12px;border-radius:var(--radius-sm);line-height:1.2;transition:background-color var(--duration-fast) var(--ease-out)}.editor-format-option:hover{background:var(--hover-color)}.editor-format-option.active{border-left-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.glass-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0b171e73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);padding:20px}.glass-overlay.active{opacity:1;pointer-events:all}.modal-content{background-color:color-mix(in srgb,var(--surface-color) 92%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);transform:translateY(16px) scale(.98);transition:transform var(--duration-normal) var(--ease-spring)}.glass-overlay.active .modal-content{transform:translateY(0) scale(1)}#app{height:100vh}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:24px;background:radial-gradient(circle at 15% 50%,hsla(var(--hue),70%,40%,.12),transparent 32%),radial-gradient(circle at 85% 30%,hsla(var(--hue-accent),85%,55%,.1),transparent 32%),var(--bg-color);background-size:cover}.login-screen{display:flex;height:100vh;overflow-y:auto;background:var(--bg-color)}.login-pitch{flex:1 1 480px;display:flex;flex-direction:column;justify-content:center;padding:64px;background-image:radial-gradient(circle at 12% 18%,hsla(var(--hue),70%,40%,.14),transparent 38%),radial-gradient(circle at 88% 86%,hsla(var(--hue-accent),85%,55%,.12),transparent 38%),radial-gradient(circle,hsla(var(--hue),30%,40%,.18) 1px,transparent 1px);background-size:auto,auto,22px 22px;background-color:var(--surface-color);border-right:1px solid var(--border-color)}.login-panel{flex:1 1 400px;display:flex;align-items:center;justify-content:center;padding:40px}.login-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:18px}.login-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.login-feature{display:flex;align-items:flex-start;gap:16px}.login-feature__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-feature__index{display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:3px}.login-card{text-align:center;padding:56px 40px;max-width:440px;width:100%;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn-google{width:100%;background:var(--surface-color);color:var(--text-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-full);padding:14px;font-size:15.5px}.btn-google:hover{border-color:color-mix(in srgb,var(--text-primary) 25%,var(--border-color));box-shadow:var(--shadow-sm);background:var(--surface-color)}@media(max-width:860px){.login-pitch{order:2;border-right:none;border-top:1px solid var(--border-color);padding:40px 32px}.login-panel{order:1;padding:32px 24px}.login-screen{flex-direction:column}}.dashboard-layout{display:flex;height:100vh;width:100vw}.sidebar{width:272px;flex-shrink:0;background-color:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;overflow-y:auto}.sidebar h2{font-size:19px;letter-spacing:-.01em}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:14.5px;cursor:pointer;position:relative;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-link .icon{width:19px;height:19px;flex-shrink:0}.nav-link:hover{background-color:var(--hover-color);color:var(--text-primary)}.nav-link.active{background-color:var(--primary-soft);color:var(--primary)}.nav-link.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 4px 4px 0;background:var(--primary)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0}.view-section{display:none;flex:1;flex-direction:column;height:100%}.view-section.active{display:flex}.top-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:color-mix(in srgb,var(--bg-color) 78%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:10;gap:12px}#header-actions{display:flex;align-items:center;gap:12px}.btn-hamburger{display:none;background:transparent;border:1.5px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:var(--radius-sm);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.btn-hamburger:hover{background:var(--hover-color)}.sidebar-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c171d73;z-index:490;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.sidebar-scrim.active{display:block;opacity:1}.board-container{display:flex;gap:20px;padding:24px;overflow-x:auto;flex:1;align-items:flex-start}.kanban-column{min-width:300px;max-width:340px;width:100%;background-color:transparent;display:flex;flex-direction:column;gap:12px;height:100%}.column-header{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--text-secondary);padding:4px 8px;display:flex;align-items:center;justify-content:space-between;letter-spacing:-.01em}.column-header .count{font-family:var(--font-mono);font-size:12px;font-weight:700;background:var(--hover-color);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full);min-width:22px;text-align:center}.task-list{border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out)}.task-list.drag-over{background-color:var(--primary-soft)!important;outline:2px dashed color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:-2px}.task-card{background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);cursor:grab;position:relative;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);animation:fadeSlideUp var(--duration-slow) var(--ease-out) both}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-card:active{cursor:grabbing;transform:scale(.98)}.task-card__title{margin-bottom:6px;font-size:15.5px;font-weight:700;font-family:var(--font-body);line-height:1.3;display:flex;align-items:flex-start;gap:6px}.task-card__unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.task-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.task-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-card__stat{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--text-secondary)}.task-card__due{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);background:var(--hover-color);color:var(--text-secondary)}.task-card__due--today{background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 70%,black)}.task-card__due--overdue{background:var(--error-soft);color:var(--error)}.kanban-empty{border:1.5px dashed var(--border-color);border-radius:var(--radius-lg);padding:28px 16px;text-align:center;color:var(--text-tertiary);font-size:13px;font-weight:600}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.custom-calendar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0b171e73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);padding:20px}.custom-calendar-overlay.active{opacity:1;pointer-events:all}.custom-calendar-popup{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:340px;padding:24px;border:1px solid var(--border-color);transform:translateY(16px);transition:transform var(--duration-normal) var(--ease-spring)}.custom-calendar-overlay.active .custom-calendar-popup{transform:translateY(0)}.calendar__opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.calendar__opts select{background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 16px;border-radius:var(--radius-md);outline:none;font-family:var(--font-body);font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none}.calendar__days{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.calendar__days>div{text-align:center;font-weight:700;font-size:12px;font-family:var(--font-mono);color:var(--text-tertiary)}.calendar__dates{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar__date{text-align:center;height:38px;line-height:38px;font-weight:600;font-size:14px;cursor:pointer;border-radius:50%;color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.calendar__date:hover:not(.calendar__date--grey):not(.calendar__date--selected){background-color:var(--hover-color)}.calendar__date--grey{color:var(--text-tertiary);opacity:.5;cursor:default}.calendar__date--selected{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.calendar__date--today{color:var(--primary);font-weight:700;border:1px solid var(--primary);line-height:36px}.calendar__date--today.calendar__date--selected{color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--text-secondary) 35%,transparent);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--text-secondary) 55%,transparent)}.calendar__buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}#new-content img,#modal-task-content img,[contenteditable=true] img{max-width:100%;height:auto;border-radius:8px;margin-top:8px;margin-bottom:8px;box-shadow:var(--shadow-sm);cursor:pointer}.img-resizer-overlay{position:absolute;pointer-events:none;z-index:1000;display:none;border:2px solid var(--primary);border-radius:8px}.img-resizer-overlay.active{display:block}.resizer-handle{position:absolute;width:16px;height:16px;background-color:var(--primary);border:2px solid white;border-radius:50%;pointer-events:all;box-shadow:0 2px 4px #0003}.resizer-handle.bottom-right{bottom:-8px;right:-8px;cursor:se-resize}@media(max-width:768px){.two-panel-modal{flex-direction:column!important;overflow-y:auto;max-height:90vh!important}.two-panel-modal .panel-left,.two-panel-modal .panel-right{min-width:100%!important;flex:none!important}.two-panel-modal .panel-right{min-height:400px}}.comment-bubble{background:var(--bg-color);padding:10px 14px;border-radius:4px 14px 14px;position:relative;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.comment-bubble--own{background:var(--primary-soft)}.comment-bubble:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background-color:var(--hover-color)}.comment-bubble--own:hover{background-color:var(--primary-soft)}.btn-delete-comment{position:absolute;top:8px;right:8px;opacity:0;background:transparent;border:none;color:var(--error);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);padding:4px;display:flex;align-items:center;justify-content:center}.comment-bubble:hover .btn-delete-comment{opacity:.6}.btn-delete-comment:hover{opacity:1!important}:root{--fc-page-bg-color: var(--surface-color);--fc-border-color: var(--border-color);--fc-neutral-bg-color: var(--hover-color);--fc-today-bg-color: transparent;--fc-event-border-color: transparent;--fc-event-text-color: #000;--fc-daygrid-event-dot-width: 0px}#calendar{font-family:var(--font-body);color:var(--text-primary);background-color:var(--surface-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.fc-toolbar.fc-header-toolbar{margin-bottom:20px!important}.fc-toolbar-title{font-family:var(--font-display)!important;font-size:21px!important;font-weight:700!important;color:var(--text-primary)!important;text-transform:capitalize;padding-left:4px!important;letter-spacing:-.01em}.fc-col-header-cell{padding:12px 0!important;border-bottom:1px solid var(--border-color)!important}.fc-col-header-cell-cushion{font-family:var(--font-mono)!important;font-size:11.5px!important;font-weight:700!important;text-transform:uppercase!important;color:var(--text-tertiary)!important;text-decoration:none!important;letter-spacing:.04em}.fc-daygrid-day-top{flex-direction:row!important;justify-content:flex-end!important;padding:4px 8px!important}.fc-daygrid-day-number{font-family:var(--font-mono)!important;font-size:12.5px!important;font-weight:600!important;color:var(--text-primary)!important;text-decoration:none!important;width:26px;height:26px;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%}.fc-day-today .fc-daygrid-day-number{background-color:var(--primary)!important;color:#fff!important}.fc-h-event{border-radius:6px!important;margin-bottom:4px!important;padding:4px 8px!important;border:none!important;box-shadow:none!important;font-size:12px!important;font-weight:600!important;color:#000!important;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.fc-h-event:hover{transform:translateY(-1px)}.fc-event-main{color:inherit!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-scrollgrid{border-color:var(--border-color)!important;border-radius:12px;overflow:hidden}.fc td,.fc th{border-color:var(--border-color)!important}.fc-daygrid-more-link{font-family:var(--font-mono)!important;font-weight:700!important;color:var(--primary)!important}@media(max-width:768px){.fc-daygrid-day-number{font-size:11px!important;width:22px!important;height:22px!important}.fc-daygrid-more-link{font-size:10.5px!important}.fc-col-header-cell-cushion{font-size:10px!important}}.notification-bell-btn{background:transparent;border:none;cursor:pointer;position:relative;padding:9px;border-radius:50%;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.notification-bell-btn:hover{background:var(--hover-color);color:var(--text-primary)}.notification-badge{position:absolute;top:2px;right:2px;background-color:var(--accent);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700;border-radius:var(--radius-full);padding:2px 5px;min-width:14px;text-align:center;border:2px solid var(--surface-color)}.notifications-dropdown{position:absolute;top:56px;right:24px;width:360px;max-height:480px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;flex-direction:column;z-index:3000;overflow:hidden;opacity:0;transform:translateY(-8px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.notifications-dropdown.active{display:flex;opacity:1;transform:translateY(0)}.notifications-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notifications-header h3{margin:0;font-size:16px}.notifications-body{overflow-y:auto;flex:1}.notification-item{padding:12px 16px;display:flex;gap:12px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background var(--duration-fast) var(--ease-out);position:relative}.notification-item:hover{background:var(--hover-color)}.notification-item.unread{background:var(--primary-soft)}.notification-item.unread:hover{background:color-mix(in srgb,var(--primary-soft) 65%,var(--hover-color))}.notification-item.unread:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--primary);border-radius:50%}.notification-content p{margin:0 0 4px;font-size:13.5px;color:var(--text-primary);line-height:1.35}.notification-time{font-family:var(--font-mono);font-size:11px;color:var(--primary);font-weight:600}.btn-fab{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:var(--radius-xl)!important;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:400;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.btn-fab:hover{transform:scale(1.06) rotate(-4deg)}.btn-fab .icon{width:24px;height:24px;margin-right:0!important}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;flex-direction:column;z-index:2000;opacity:0;transform:translateY(-10px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.profile-dropdown:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;background:transparent}.profile-dropdown.active{display:flex;opacity:1;transform:translateY(0)}.profile-dropdown-item{padding:12px 16px;display:block;cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:600;transition:background-color var(--duration-fast) var(--ease-out);border-radius:6px}.profile-dropdown-item:hover{background-color:var(--hover-color)}@media(max-width:1100px){.sidebar{width:240px}.board-container{padding:20px;gap:16px}}@media(max-width:900px){.sidebar{position:fixed;top:0;left:0;height:100dvh;z-index:500;transform:translate(-105%);transition:transform var(--duration-slow) var(--ease-out);width:min(280px,84vw);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.btn-hamburger{display:flex}.btn-fab{right:20px;bottom:20px}.notifications-dropdown{width:min(360px,calc(100vw - 32px));right:16px}.board-container{padding:16px}.kanban-column{min-width:82vw;scroll-snap-align:start}.board-container{scroll-snap-type:x mandatory}}@media(max-width:560px){.top-header{padding:14px 16px}.modal-content{padding:20px;max-height:88vh;overflow-y:auto}}.global-search-container{display:flex;align-items:center;gap:10px;min-width:0}.search-input-box{display:flex;align-items:center;gap:8px;height:42px;padding:0 6px 0 14px;background:var(--surface-color);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:220px;min-width:0;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.search-input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-input-box .search-icon{width:16px;height:16px;stroke:var(--text-tertiary);fill:none;stroke-width:2;flex-shrink:0;transition:stroke var(--duration-fast) var(--ease-out)}.search-input-box:focus-within .search-icon{stroke:var(--primary)}.search-input-box input{flex:1;min-width:0;height:100%;border:none;background:transparent;outline:none;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-primary)}.search-input-box input::placeholder{color:var(--text-tertiary);font-weight:400}.clear-search-btn{flex-shrink:0;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);opacity:0;pointer-events:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.search-input-box.has-value .clear-search-btn{opacity:1;pointer-events:auto}.clear-search-btn:hover{background:var(--hover-color);color:var(--error)}.clear-search-btn svg{width:13px;height:13px;stroke:currentColor;stroke-width:2}.search-submit-btn{flex-shrink:0;height:42px;padding:0 20px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-family:var(--font-body);font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.search-submit-btn:hover{background:var(--primary-active);box-shadow:var(--shadow-md);transform:translateY(-1px)}.search-submit-btn:active{transform:translateY(0)}@media(max-width:720px){.search-input-box{width:130px}.search-submit-btn{padding:0 14px}.search-submit-btn .search-submit-label{display:none}}@media(max-width:560px){.search-input-box{width:90px}}.mention-item:hover{background:var(--hover-color)}.mention-text{color:var(--primary);font-weight:600;background:var(--primary-soft);padding:0 4px;border-radius:4px}