:root{--font-title: "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary: #0068ff;--color-secondary: #00a3ff;--status-pending: #f59e0b;--status-draft1: #3b82f6;--status-draft2: #8b5cf6;--status-ready-edit: #ec4899;--status-ready-post: #14b8a6;--status-done: #10b981;--status-default: #4b5563;--alert-danger: #ef4444;--alert-warning: #f59e0b;--alert-success: #10b981;--alert-info: #3b82f6;--transition-smooth: all .2s cubic-bezier(.4, 0, .2, 1)}body.dark-theme{--bg-app: #121212;--bg-sidebar: #181818;--bg-card: #202020;--bg-card-hover: #2a2a2a;--border-color: #444444;--border-focus: #0068ff;--color-text-main: #e0e0e0;--color-text-muted: #b0b0b0;--color-text-darker: #888888;--shadow-sm: 0 2px 8px rgba(3, 7, 18, .26);--shadow-md: 0 10px 25px -5px rgba(3, 7, 18, .34), 0 8px 10px -6px rgba(3, 7, 18, .28);--shadow-lg: 0 20px 40px -10px rgba(3, 7, 18, .45);--glass-effect: none}body.light-theme{--bg-app: #f4f5f7;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafafa;--border-color: rgba(0, 0, 0, .08);--border-focus: rgba(0, 104, 255, .4);--color-text-main: #18181b;--color-text-muted: #4b5563;--color-text-darker: #9ca3af;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .05);--glass-effect: none}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-app);color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;width:100vw}button,input,select,textarea{font:inherit}.app-container{display:grid;grid-template-columns:292px 1fr;height:100vh;width:100vw}.mobile-topbar,.mobile-sidebar-overlay{display:none}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;padding:20px 14px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 12px;margin-bottom:6px}.brand-logo{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0068ff4d}.brand-text h1{font-family:var(--font-title);font-size:1.08rem;font-weight:800;letter-spacing:0;background:linear-gradient(to right,#fff,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light-theme .brand-text h1{background:linear-gradient(to right,#003b8f,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text span{font-size:.72rem;color:var(--color-text-muted);display:block}.nav-menu,.filters-card,.sidebar-footer{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}body.light-theme .nav-menu,body.light-theme .filters-card,body.light-theme .sidebar-footer{background:#ffffffc7;border-color:#0000000f}.nav-menu{padding:10px}.nav-menu .nav-btn+.nav-btn{margin-top:4px}body.light-theme .sidebar-top-updated{background-color:#ffffffc7;border-color:#0000000f}.nav-section{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-darker);margin:0 4px 8px;display:flex;align-items:center;gap:6px}.nav-section i{width:14px;height:14px;stroke-width:2.5px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--color-text-muted);font-size:.84rem;font-weight:700;cursor:pointer;text-align:left;transition:var(--transition-smooth)}.nav-btn:hover{background-color:#ffffff0b;color:var(--color-text-main)}.nav-btn.active{background:linear-gradient(135deg,#0068ff2e,#00a3ff14);border:1px solid rgba(0,104,255,.24);color:var(--color-text-main);box-shadow:var(--shadow-sm);position:relative}.nav-btn.active:before{content:"";width:3px;height:20px;border-radius:999px;background-color:var(--color-primary);position:absolute;left:-1px}.nav-btn i{width:17px;height:17px;flex:0 0 auto}.nav-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters-sidebar{margin-top:14px;flex-grow:1}.filters-sidebar .nav-section{margin:14px 8px 8px}.filters-sidebar .nav-section:first-child{margin-top:0}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 16px);margin:12px 8px;padding:11px 14px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 10px #0068ff2e}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0068ff47;filter:brightness(1.1)}.action-btn i{width:16px;height:16px}.filters-card{padding:12px 4px 4px;margin-bottom:12px}.search-box{position:relative;margin-bottom:12px;padding:0 8px}.search-box i,.search-box svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-darker);pointer-events:none}.search-box input{width:100%;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:9px 12px 9px 36px;color:var(--color-text-main);font-size:.85rem;outline:none;transition:var(--transition-smooth)}.search-box input:focus{border-color:var(--border-focus);background-color:#ffffff0d;box-shadow:0 0 0 3px #0068ff29}.filter-group{margin-bottom:12px;padding:0 8px}.filter-group label{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--color-text-muted);margin-bottom:6px;font-weight:500}.filter-group label i{width:14px;height:14px}.filter-group select{width:100%;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;color:var(--color-text-main);font-size:.85rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;transition:var(--transition-smooth)}.filter-group select:focus{border-color:var(--border-focus);background-color:#ffffff0d}body.dark-theme .search-box input,body.dark-theme .filter-group select{background-color:#202020;border-color:#444;color:#e0e0e0;color-scheme:dark}body.dark-theme .search-box input::placeholder{color:#888}body.dark-theme .filter-group select:hover,body.dark-theme .filter-group select:focus{background-color:#2a2a2a;border-color:var(--border-focus)}body.dark-theme .filter-group select option{background-color:#202020;color:#e0e0e0}.checkbox-group{padding:8px}.checkbox-container{display:flex;align-items:center;position:relative;padding-left:28px;cursor:pointer;font-size:.8rem;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:50%;transform:translateY(-50%);left:0;height:18px;width:18px;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:5px;transition:var(--transition-smooth)}.checkbox-container:hover input~.checkmark{background-color:#ffffff14}.checkbox-container input:checked~.checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.sidebar-footer{margin-top:auto;padding:10px}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.sidebar-icon-btn{height:36px;border-radius:8px;background-color:#ffffff06;border:1px solid var(--border-color);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.sidebar-icon-btn:hover{background-color:#ffffff0f;color:var(--color-text-main);border-color:var(--color-primary)}.sidebar-icon-btn i{width:17px;height:17px}.sidebar-stats{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:8px}.hidden-sidebar-stats{display:none}.sidebar-stat-card{min-width:0;padding:8px 9px;border-radius:8px;gap:9px}.sidebar-stat-card .stat-icon{width:30px;height:30px;border-radius:8px}.sidebar-stat-card .stat-value{font-size:1rem}.sidebar-stat-card .stat-label{font-size:.68rem}.sidebar-last-updated{margin:0 0 10px;color:var(--color-text-muted);font-size:.72rem;line-height:1.45}.sidebar-top-updated{margin:0 0 12px;padding:8px 10px;border:1px solid var(--border-color);border-radius:10px;background-color:#ffffff05;box-shadow:var(--shadow-sm)}.connection-status{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500}.connection-status.online{background-color:#10b98114;border:1px solid rgba(16,185,129,.15);color:#34d399}.connection-status.offline{background-color:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background-color:currentColor;box-shadow:0 0 8px currentColor}.main-content{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:16px}.theme-toggle-icon-btn{width:42px;height:42px;border-radius:50%;background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--color-text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.theme-toggle-icon-btn:hover{background-color:var(--bg-card-hover);border-color:var(--color-primary);transform:scale(1.05)}.theme-toggle-icon-btn i{width:18px;height:18px}.header-title h2{font-family:var(--font-title);font-weight:700;font-size:1.5rem;color:var(--color-text-main);margin-bottom:4px}#last-updated{font-size:.75rem;color:var(--color-text-muted)}#last-updated.sidebar-last-updated{font-size:.72rem}.stats-summary{display:flex;gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;min-width:160px;box-shadow:var(--shadow-sm)}.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon i{width:18px;height:18px}.draft-icon{background-color:#0068ff1a;color:var(--color-primary)}.post-icon{background-color:#14b8a61a;color:var(--color-secondary)}.stat-info{display:flex;flex-direction:column}.stat-value{font-family:var(--font-title);font-size:1.25rem;font-weight:700;line-height:1.1}.stat-label{font-size:.75rem;color:var(--color-text-muted)}.dashboard-grid{display:flex;gap:16px;flex-grow:1;overflow-x:auto;overflow-y:hidden;height:100%;padding-bottom:12px}.dashboard-col{flex:0 0 520px;display:flex;flex-direction:column;background-color:#ffffff04;border:1px solid var(--border-color);border-radius:16px;padding:20px;height:100%;overflow:hidden}body.dark-theme .dashboard-col{background-color:#181818}body.light-theme .dashboard-col{background-color:#00000004}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.col-title-wrapper{display:flex;align-items:center;gap:12px}.col-title-wrapper h3{font-family:var(--font-title);font-size:1.05rem;font-weight:600;color:var(--color-text-main)}.col-badge{font-family:var(--font-title);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:6px}.backlog-badge{background-color:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.draft-badge{background-color:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.draft2-badge{background-color:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.draft3-badge{background-color:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.post-badge{background-color:#14b8a626;color:#2dd4bf;border:1px solid rgba(20,184,166,.3)}.all-badge{background-color:#0068ff29;color:var(--color-primary);border:1px solid rgba(0,104,255,.34)}.count-badge{font-size:.8rem;font-weight:600;background-color:#ffffff0d;color:var(--color-text-muted);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cards-container{flex-grow:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:14px}.board-table-panel{width:100%;min-width:980px;height:100%;display:flex;flex-direction:column;gap:12px}.board-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--bg-card);box-shadow:var(--shadow-sm);flex-shrink:0}.board-table-toolbar h3{margin:0;color:var(--color-text-main);font-family:var(--font-title);font-size:1rem;font-weight:700}.board-table-toolbar p{margin-top:3px;color:var(--color-text-muted);font-size:.8rem}.board-clear-filter-btn{min-height:34px;padding:7px 12px;border-radius:7px;border:1px solid var(--border-color);background-color:transparent;color:var(--color-text-main);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.board-clear-filter-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background-color:#0068ff14}.board-clear-filter-btn:disabled{opacity:.45;cursor:not-allowed}.board-table-summary{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.board-summary-item{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);color:var(--color-text-main);cursor:pointer;transition:var(--transition-smooth);position:relative}.board-summary-item:hover{background-color:var(--bg-card-hover);border-color:var(--color-primary);transform:translateY(-1px)}.board-summary-item.active{background-color:#0068ff1f;border-color:var(--color-primary);box-shadow:0 0 0 2px #0068ff1f}.board-summary-item.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background-color:var(--color-primary)}.board-summary-item.active .count-badge{background-color:var(--color-primary);color:#fff}.board-table-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:0 2px;color:var(--color-text-muted);font-size:.82rem;flex-shrink:0}.board-table-meta strong{color:var(--color-text-main);font-weight:700}.board-table-container{flex:1;min-height:0;overflow:auto;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.board-table{width:100%;min-width:1180px;border-collapse:collapse;font-size:.82rem}.board-table th{position:sticky;top:0;z-index:2;background-color:#181818;color:var(--color-text-main);font-family:var(--font-title);font-weight:700;text-align:left;padding:12px 14px;border-bottom:1px solid var(--border-color);white-space:nowrap}.board-table th:nth-child(5),.board-table td:nth-child(5){display:none}.board-sort-btn{display:inline-flex;align-items:center;gap:6px;width:100%;background:transparent;border:0;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer;padding:0}.board-sort-btn span{min-width:12px;color:var(--color-primary);font-weight:800;margin-left:auto}.board-sort-btn:hover{color:var(--color-primary)}body.light-theme .board-table th{background-color:#f9fafb}.board-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);color:var(--color-text-muted);vertical-align:top}.board-table tr:hover td{background-color:#ffffff08}body.light-theme .board-table tr:hover td{background-color:#00000006}.board-col-work{width:30%;min-width:260px}.board-work-title{color:var(--color-text-main);font-weight:700;line-height:1.35}.board-work-remark{margin-top:4px;color:var(--color-text-darker);font-size:.75rem;line-height:1.35;word-break:break-word}.board-owner .owner-avatar{width:28px;height:28px;flex:0 0 28px;aspect-ratio:1 / 1;border-radius:50%}.board-stage-pill{display:inline-block;min-width:76px;padding:4px 8px;border-radius:6px;background-color:#0068ff1f;border:1px solid rgba(0,104,255,.25);color:var(--color-primary);font-weight:700;text-align:center}.board-deadline-cell{min-width:110px}.board-deadline-cell span{display:block;color:var(--color-text-main);font-weight:700}.board-deadline-cell small{display:block;margin-top:2px;color:var(--color-text-darker);font-size:.72rem;font-weight:700;white-space:nowrap}.board-deadline-cell small.deadline-danger{color:var(--alert-danger)}.board-deadline-cell small.deadline-not-started{color:var(--alert-danger);font-weight:800}.deadline-overdue-word{color:var(--alert-danger)!important;font-weight:800}.board-deadline-cell small.deadline-warning{color:var(--alert-warning)}.board-deadline-cell small.deadline-safe{color:var(--color-primary)}.board-deadline-cell small.deadline-muted{color:var(--color-text-darker)}.board-table tr.board-danger{box-shadow:inset 4px 0 0 var(--alert-danger)}.board-table tr.board-warning{box-shadow:inset 4px 0 0 var(--alert-warning)}.board-table tr.board-not-started{box-shadow:inset 6px 0 0 var(--alert-danger)}.board-table tr.board-not-started td{background-color:#ef44441a}.board-table tr.board-not-started:hover td{background-color:#ef444429}.board-table tr.board-not-started .board-stage-pill{background-color:#ef44442e;border-color:#ef444459;color:var(--alert-danger)}.board-table tr.board-safe{box-shadow:inset 4px 0 0 var(--color-primary)}.board-table tr.board-muted{box-shadow:inset 4px 0 0 var(--border-color)}.board-table tr.board-done{opacity:.68;box-shadow:inset 4px 0 0 var(--status-done)}.board-empty-state{height:100%;min-height:260px}.board-empty-state .board-clear-filter-btn{margin-top:12px}.task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;position:relative;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.task-card:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff1f}.task-card.urgency-danger{border-left:4px solid var(--alert-danger)}.task-card.urgency-danger:hover{box-shadow:0 0 15px -3px #ef444440,var(--shadow-md)}.task-card.urgency-warning{border-left:4px solid var(--alert-warning)}.task-card.urgency-warning:hover{box-shadow:0 0 15px -3px #f59e0b40,var(--shadow-md)}.task-card.urgency-safe{border-left:4px solid var(--color-primary)}.task-card.urgency-safe-post{border-left:4px solid var(--color-secondary)}.task-card.status-closed{opacity:.65;border-left:4px solid var(--status-done)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{font-family:var(--font-title);font-weight:700;font-size:1.05rem;line-height:1.4;color:var(--color-text-main);word-break:break-word}.card-badges{display:flex;gap:6px;align-items:center;flex-shrink:0;flex-wrap:wrap}.content-badge{font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:6px;background-color:#ffffff0f;color:var(--color-text-muted);border:1px solid var(--border-color)}.status-pill{font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:6px;color:#fff}.status-pill.status-waiting-shoot{background-color:#d97706}.status-pill.status-ready-edit{background-color:#ec4899}.status-pill.status-editing{background-color:#8b5cf6}.status-pill.status-draft-1{background-color:#3b82f6}.status-pill.status-draft-2{background-color:#a855f7}.status-pill.status-draft-3{background-color:#6366f1}.status-pill.status-releasing{background-color:#14b8a6}.status-pill.status-done{background-color:#363636}.status-pill.status-missing-vo{background-color:#ef4444}.status-pill.status-revision{background-color:#f97316}.status-pill.status-other{background-color:#6b7280}.card-middle{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.countdown-container{display:flex;align-items:center;gap:6px}.countdown-icon{width:14px;height:14px}.countdown-text{font-size:.85rem;font-weight:700}.urgency-danger .countdown-text,.urgency-danger .countdown-icon{color:var(--alert-danger)}.urgency-warning .countdown-text,.urgency-warning .countdown-icon{color:var(--alert-warning)}.urgency-safe .countdown-text,.urgency-safe .countdown-icon{color:var(--color-primary)}.urgency-safe-post .countdown-text,.urgency-safe-post .countdown-icon{color:#2dd4bf}.status-closed .countdown-text,.status-closed .countdown-icon{color:var(--status-done)}.deadline-date{font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.deadline-date i{width:12px;height:12px}.progress-bar-wrapper{display:flex;flex-direction:column;gap:4px}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.progress-track{height:6px;background-color:#ffffff0d;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.urgency-danger .progress-fill{background-color:var(--alert-danger)}.urgency-warning .progress-fill{background-color:var(--alert-warning)}.urgency-safe .progress-fill{background-color:var(--color-primary)}.urgency-safe-post .progress-fill{background-color:var(--color-secondary)}.status-closed .progress-fill{background-color:var(--status-done)}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:10px;font-size:.8rem}.owner-info{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-weight:600}.owner-name{font-size:.85rem;color:var(--color-text-muted)}.owner-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#00a3ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;text-transform:uppercase}.remark-text{color:var(--color-text-muted);font-style:italic;display:flex;align-items:flex-start;gap:4.5px;white-space:normal;word-break:break-word;max-width:100%;margin-top:8px;font-size:.88rem;line-height:1.4;width:100%;padding:6px 10px;border-radius:8px;background-color:#ffffff06;border:1px solid var(--border-color)}body.light-theme .remark-text{background-color:#00000004}.remark-text i{width:12px;height:12px;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:200px;color:var(--color-text-darker);text-align:center;padding:32px}.empty-state i{width:48px;height:48px}.empty-state p{font-size:.9rem;max-width:250px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:var(--transition-smooth)}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:20px;width:680px;max-width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);transform:scale(.95);transition:var(--transition-smooth);overflow:hidden}.modal-overlay.open .modal-card{transform:scale(1)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h3{font-family:var(--font-title);font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:10px}.modal-header h3 i{color:var(--color-primary);width:20px;height:20px}.close-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.close-btn:hover{color:var(--color-text-main)}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.instructions-box{background-color:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:16px}body.dark-theme .instructions-box{background-color:#1b2433}.instructions-box h4{font-size:.9rem;font-weight:600;color:var(--color-text-main);margin-bottom:10px}.instructions-box ol{padding-left:20px;font-size:.8rem;color:var(--color-text-muted);line-height:1.6}.instructions-box li{margin-bottom:6px}.instructions-box li strong{color:var(--color-text-main)}.code-header{display:flex;justify-content:space-between;align-items:center;margin-top:14px;background-color:#0003;padding:8px 12px;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid var(--border-color);border-bottom:none;font-size:.75rem;color:var(--color-text-muted)}body.dark-theme .code-header{background-color:#151c28}.copy-btn{background-color:#ffffff0d;border:1px solid var(--border-color);color:var(--color-text-main);border-radius:4px;padding:4px 8px;font-size:.7rem;display:flex;align-items:center;gap:4px;cursor:pointer;transition:var(--transition-smooth)}.copy-btn:hover{background-color:#ffffff1a}.copy-btn i{width:12px;height:12px}.code-block{margin:0 0 10px;padding:12px;background-color:#0000004d;border:1px solid var(--border-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-family:Courier New,Courier,monospace;font-size:.75rem;overflow-x:auto;color:#a7f3d0;max-height:180px}.settings-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:grid;grid-template-columns:1fr;gap:16px}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-text-main)}.form-group input{background-color:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;color:var(--color-text-main);font-size:.85rem;outline:none;transition:var(--transition-smooth)}.form-group input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0068ff29}body.dark-theme .form-group input{background-color:#202020;border-color:#444;color:#e0e0e0;color-scheme:dark}body.dark-theme .form-group input::placeholder{color:#888}body.dark-theme .form-group input:focus{background-color:#2a2a2a;border-color:var(--border-focus)}.field-help{font-size:.75rem;color:var(--color-text-muted)}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.btn{padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#0052cc);border:none;color:#fff;box-shadow:0 4px 12px #0068ff52}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 16px #0068ff6b}.btn-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--color-text-main)}.btn-secondary:hover{background-color:#ffffff0d}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);transform:translateY(20px);opacity:0;animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards;max-width:320px}@keyframes slideIn{to{transform:translateY(0);opacity:1}}.toast.success{border-left:4px solid var(--alert-success)}.toast.error{border-left:4px solid var(--alert-danger)}.toast.info{border-left:4px solid var(--alert-info)}.toast-content{font-size:.8rem;font-weight:500}.toast i{width:16px;height:16px}.toast.success i{color:var(--alert-success)}.toast.error i{color:var(--alert-danger)}.toast.info i{color:var(--alert-info)}@media (max-width: 1024px){.app-container{grid-template-columns:1fr}.sidebar{display:none}}@media (max-width: 768px){.dashboard-grid{display:flex;flex-direction:column;overflow-x:auto;overflow-y:auto}.dashboard-col{flex:none;width:100%;height:auto;min-height:350px}.calendar-view-header{align-items:flex-start;flex-direction:column}.calendar-toolbar{width:100%}.calendar-today-btn{flex:1}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(104px,1fr))}.calendar-grid{grid-auto-rows:minmax(124px,auto)}}body.light-theme .nav-btn.active{background-color:#0068ff14;border-color:#0068ff29;color:var(--color-primary)}body.light-theme .search-box input,body.light-theme .filter-group select{background-color:#f9fafb;border-color:#0000001a;color:var(--color-text-main)}body.light-theme .search-box input:focus,body.light-theme .filter-group select:focus{background-color:#fff;border-color:var(--color-primary)}body.light-theme .checkmark{background-color:#f9fafb;border-color:#00000026}body.light-theme .stat-card{background-color:#fff;border-color:#0000000f;box-shadow:var(--shadow-sm)}body.light-theme .modal-card{background-color:#fff;border-color:#0000001a}body.light-theme .instructions-box{background-color:#f9fafb;border-color:#0000000f}body.light-theme .code-block{background-color:#f1f5f9;border-color:#00000014;color:#0f172a}body.light-theme .form-group input{background-color:#f9fafb;border-color:#0000001a;color:var(--color-text-main)}body.light-theme .form-group input:focus{background-color:#fff;border-color:var(--color-primary)}body.light-theme .progress-track{background-color:#0000000d}body.light-theme ::-webkit-scrollbar-thumb{background:#0000001f}body.light-theme ::-webkit-scrollbar-thumb:hover{background:#0003}body.light-theme .task-card{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005}body.light-theme .task-card:hover{background-color:var(--bg-card-hover);box-shadow:0 10px 15px -3px #0000000f,0 4px 6px -2px #00000008;border-color:#0000001f}.column-hidden{display:none!important}.footer-settings-btn{background-color:#ffffff05!important;border:1px solid var(--border-color)!important;color:var(--color-text-muted)!important}.footer-settings-btn:hover{background-color:#ffffff0f!important;color:var(--color-text-main)!important;border-color:var(--color-primary)!important}body.light-theme .footer-settings-btn{background-color:#fafafa!important;border-color:#00000014!important;color:var(--color-text-muted)!important}body.light-theme .footer-settings-btn:hover{background-color:#f4f4f5!important;color:var(--color-text-main)!important;border-color:var(--color-primary)!important}.view-panel.hidden{display:none!important}.view-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.calendar-view-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;background-color:var(--bg-card);border:1px solid var(--border-color);padding:14px 16px;border-radius:10px;flex-shrink:0;box-shadow:var(--shadow-sm)}.calendar-view-title h3{font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--color-text-main);margin:0}.calendar-view-title p{margin-top:3px;font-size:.8rem;color:var(--color-text-muted)}.calendar-toolbar{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.calendar-nav-btn,.calendar-today-btn{min-height:36px;border:1px solid var(--border-color);background-color:transparent;color:var(--color-text-main);border-radius:8px;cursor:pointer;transition:var(--transition-smooth)}.calendar-nav-btn{width:36px;display:inline-flex;align-items:center;justify-content:center}.calendar-nav-btn i{width:17px;height:17px}.calendar-today-btn{padding:7px 12px;font-size:.82rem;font-weight:700}.calendar-nav-btn:hover,.calendar-today-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#0068ff14}.calendar-board{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.calendar-panel{flex:1;height:100%;min-height:0;display:flex;flex-direction:column;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.calendar-month-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.calendar-month-bar h3{margin:0;color:var(--color-text-main);font-family:var(--font-title);font-size:1.1rem;font-weight:700}.calendar-month-bar p{margin-top:3px;color:var(--color-text-muted);font-size:.8rem}.calendar-status-legend{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-color);background-color:#ffffff03;flex-shrink:0}body.light-theme .calendar-status-legend{background-color:#00000003}.calendar-legend-label{flex:0 0 auto;color:var(--color-text-muted);font-size:.74rem;font-weight:800;line-height:22px}.calendar-legend-items{display:flex;flex-wrap:wrap;gap:8px 12px}.calendar-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:.72rem;font-weight:700;line-height:22px}.calendar-legend-swatch{width:10px;height:10px;border-radius:50%;background-color:#6b7280;border:1px solid rgba(255,255,255,.24);flex:0 0 auto}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));border-bottom:1px solid var(--border-color);background-color:#ffffff06;flex-shrink:0}body.light-theme .calendar-weekdays{background-color:#00000006}.calendar-weekdays div{padding:10px 12px;color:var(--color-text-muted);font-size:.78rem;font-weight:700;text-align:center;border-right:1px solid var(--border-color)}.calendar-weekdays div:last-child{border-right:none}.calendar-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));grid-template-rows:repeat(6,minmax(82px,1fr));overflow:auto}.calendar-day{min-width:0;min-height:0;padding:6px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:#ffffff03;overflow:hidden}.calendar-day:nth-child(7n){border-right:none}.calendar-day-muted{background-color:#ffffff01;opacity:.52}body.light-theme .calendar-day,body.light-theme .calendar-day-muted{background-color:#fff}.calendar-day-today{box-shadow:inset 0 0 0 2px var(--color-primary);background-color:#0068ff0f}.calendar-day-has-tasks{cursor:pointer}.calendar-day-has-tasks:hover{background-color:#0068ff09}.calendar-day-has-tasks.calendar-day-today:hover{background-color:#0068ff1a}.calendar-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px;margin-bottom:4px}.calendar-day-number{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-text-main);font-size:.76rem;font-weight:700}.calendar-day-today .calendar-day-number{background-color:var(--color-primary);color:#fff}.calendar-day-count{min-width:22px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background-color:#14b8a629;color:var(--color-secondary);font-size:.66rem;font-weight:800}.calendar-task-list{display:flex;flex-direction:column;gap:3px;max-height:calc(100% - 24px);min-height:0;overflow:hidden}.calendar-task{display:grid;grid-template-columns:5px minmax(0,1fr) minmax(44px,auto);align-items:center;gap:4px;min-height:18px;padding:2px 4px;border:1px solid rgba(20,184,166,.24);border-radius:5px;background-color:#14b8a61a;color:var(--color-text-main);width:100%;font:inherit;text-align:left;cursor:pointer;transition:var(--transition-smooth)}.calendar-task:hover{transform:translateY(-1px);border-color:var(--color-primary)}.calendar-task-dot{width:5px;height:5px;border-radius:50%;background-color:currentColor;opacity:.82}.calendar-task-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:700}.calendar-task-status-badge{max-width:78px;min-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-self:end;padding:2px 5px;font-size:.58rem;line-height:1.05;text-align:center;box-shadow:0 0 0 1px #fff3;border-radius:999px;font-weight:800}.calendar-task.content-vdo,.calendar-task.content-video{background-color:#c7ede7;border-color:#9fd6ce;color:#0f5f5a}.calendar-task.content-shorts{background-color:#d8e8f7;border-color:#adcde8;color:#24526f}.calendar-task.content-photo-album,.calendar-task.content-photo-alb{background-color:#ffe3a8;border-color:#e2bd62;color:#76510a}.calendar-task.content-single-post{background-color:#ffd6d6;border-color:#ef9a9a;color:#b42318}.calendar-task.content-tie-in{background-color:#e8dcff;border-color:#c7a8ff;color:#4c1d95}.calendar-task.content-article{background-color:#dcfce7;border-color:#86efac;color:#166534}.calendar-legend-swatch.content-vdo,.calendar-legend-swatch.content-video{background-color:#c7ede7;border-color:#9fd6ce}.calendar-legend-swatch.content-shorts{background-color:#d8e8f7;border-color:#adcde8}.calendar-legend-swatch.content-photo-album,.calendar-legend-swatch.content-photo-alb{background-color:#ffe3a8;border-color:#e2bd62}.calendar-legend-swatch.content-single-post{background-color:#ffd6d6;border-color:#ef9a9a}.calendar-legend-swatch.content-tie-in{background-color:#e8dcff;border-color:#c7a8ff}.calendar-legend-swatch.content-article{background-color:#dcfce7;border-color:#86efac}.calendar-task-status-badge.status-waiting-shoot,.calendar-status-swatch.status-waiting-shoot{background-color:#d97706;border-color:#d97706;color:#fff}.calendar-task-status-badge.status-ready-edit,.calendar-status-swatch.status-ready-edit{background-color:#ec4899;border-color:#ec4899;color:#fff}.calendar-task-status-badge.status-editing,.calendar-status-swatch.status-editing{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.calendar-task-status-badge.status-draft-1,.calendar-status-swatch.status-draft-1{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.calendar-task-status-badge.status-draft-2,.calendar-status-swatch.status-draft-2{background-color:#a855f7;border-color:#a855f7;color:#fff}.calendar-task-status-badge.status-draft-3,.calendar-status-swatch.status-draft-3{background-color:#6366f1;border-color:#6366f1;color:#fff}.calendar-task-status-badge.status-releasing,.calendar-status-swatch.status-releasing{background-color:#14b8a6;border-color:#14b8a6;color:#fff}.calendar-task-status-badge.status-done,.calendar-status-swatch.status-done{background-color:#363636;border-color:#363636;color:#fff}.calendar-task-status-badge.status-missing-vo,.calendar-status-swatch.status-missing-vo{background-color:#ef4444;border-color:#ef4444;color:#fff}.calendar-task-status-badge.status-revision,.calendar-status-swatch.status-revision{background-color:#f97316;border-color:#f97316;color:#fff}.calendar-task-status-badge.status-other,.calendar-status-swatch.status-other{background-color:#6b7280;border-color:#6b7280;color:#fff}.calendar-more-tasks{padding:1px 4px;color:var(--color-primary);font-size:.62rem;font-weight:800;line-height:1.1}.calendar-detail-modal-card{max-width:760px}.calendar-detail-summary{margin-bottom:12px;color:var(--color-text-muted);font-size:.84rem;font-weight:700}.calendar-detail-list{display:flex;flex-direction:column;gap:0}.calendar-detail-task{border:none;border-bottom:1px solid var(--border-color);border-radius:0;background-color:transparent;padding:12px 16px;transition:background-color .2s ease}.calendar-detail-task:last-child{border-bottom:none}.calendar-detail-task:hover{background-color:#8080800d}body.light-theme .calendar-detail-task{background-color:transparent}body.light-theme .calendar-detail-task:hover{background-color:#0000000a}.calendar-detail-task-done{background-color:transparent;color:var(--color-text-muted)}.calendar-detail-task-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.calendar-detail-task h4{margin:0 0 8px;color:var(--color-text-main);font-family:var(--font-title);font-size:1rem;font-weight:800;line-height:1.35}.calendar-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.calendar-detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.calendar-detail-grid div{min-width:0;border:1px solid var(--border-color);border-radius:8px;padding:9px 10px;background-color:#00000014}body.light-theme .calendar-detail-grid div{background-color:#fff}.calendar-detail-grid span,.calendar-detail-remark span{display:block;margin-bottom:4px;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.calendar-detail-grid strong{color:var(--color-text-main);font-size:.86rem;font-weight:800}.calendar-detail-remark{margin-top:12px;border-top:1px solid var(--border-color);padding-top:12px}.calendar-detail-remark p{margin:0;color:var(--color-text-main);font-size:.86rem;line-height:1.55;white-space:pre-wrap}@media (max-width: 768px){.calendar-view-header{align-items:flex-start;flex-direction:column}.calendar-toolbar{width:100%}.calendar-today-btn{flex:1}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(104px,1fr))}.calendar-grid{grid-template-rows:repeat(6,minmax(96px,1fr))}.calendar-status-legend{flex-direction:column;gap:6px}.calendar-detail-task-head{flex-direction:column}.calendar-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.now-view-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;background-color:var(--bg-card);border:1px solid var(--border-color);padding:14px 16px;border-radius:10px;flex-shrink:0;box-shadow:var(--shadow-sm)}.now-view-title h3{font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--color-text-main);margin:0}.now-view-title p{margin-top:3px;font-size:.8rem;color:var(--color-text-muted)}.now-board{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.now-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex-shrink:0}.now-summary-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;box-shadow:var(--shadow-sm)}.now-summary-card span{display:block;color:var(--color-text-muted);font-size:.76rem;font-weight:700}.now-summary-card strong{display:block;margin-top:4px;color:var(--color-text-main);font-family:var(--font-title);font-size:1.35rem;line-height:1}.now-danger-card{border-color:#ef444447}.now-warning-card{border-color:#f59e0b47}.now-post-card{border-color:#14b8a647}.now-owner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;align-items:stretch;grid-auto-rows:1fr}.now-owner-card{min-width:0;height:520px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;cursor:grab;display:flex;flex-direction:column}.now-owner-card:active{cursor:grabbing}.now-owner-card.dragging{opacity:.58;transform:scale(.985);box-shadow:0 12px 28px #00000038}.now-owner-card.collapsed .now-task-list{display:none}.now-owner-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-color);flex-shrink:0}.now-collapse-btn{width:28px;height:28px;border:1px solid var(--border-color);border-radius:7px;background-color:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);flex:0 0 auto}.now-collapse-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#0068ff14}.now-collapse-btn i{width:15px;height:15px}.now-drag-icon{width:16px;height:16px;color:var(--color-text-darker);flex:0 0 auto}.now-owner-head h4{margin:0;color:var(--color-text-main);font-family:var(--font-title);font-size:.95rem;font-weight:800}.now-owner-head p{margin-top:2px;color:var(--color-text-muted);font-size:.72rem}.now-task-list{display:flex;flex-direction:column;min-height:0;overflow-y:auto;flex:1}.now-task-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;min-height:64px;padding:9px 14px;border-bottom:1px solid var(--border-color);min-width:0;overflow:visible;flex:0 0 auto;align-items:start}.now-task-row:last-child{border-bottom:none}.now-task-title{color:var(--color-text-main);font-size:.82rem;font-weight:800;line-height:1.35;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now-task-main{min-width:0;overflow:hidden}.now-task-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;min-width:0;overflow:hidden;max-height:24px}.now-task-meta .content-badge,.now-task-meta .status-pill{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:20px;padding:3px 7px;font-size:.68rem;line-height:1.05}.now-task-meta .content-badge{max-width:76px}.now-task-meta .status-pill{max-width:116px}.now-task-deadline{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;overflow:hidden;text-align:right}.now-task-deadline span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.68rem;font-weight:700}.now-task-deadline strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:900}.now-task-deadline strong.deadline-danger,.now-task-deadline strong.deadline-not-started{color:var(--alert-danger)}.now-task-deadline strong.deadline-warning{color:var(--alert-warning)}.now-task-deadline strong.deadline-safe{color:var(--color-primary)}.now-task-deadline strong.deadline-muted{color:var(--color-text-darker)}.now-muted{color:var(--color-text-muted)}@media (max-width: 900px){.now-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.now-owner-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;gap:16px}.now-owner-card{flex:0 0 340px;max-width:85vw}}@media (max-width: 560px){.now-summary-grid,.now-task-row{grid-template-columns:1fr}.now-owner-card{height:480px}.now-task-deadline{align-items:flex-start;text-align:left}}.finished-view-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;background-color:var(--bg-card);border:1px solid var(--border-color);padding:14px 16px;border-radius:10px;flex-shrink:0;box-shadow:var(--shadow-sm)}.finished-view-title h3{font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--color-text-main);margin:0}.finished-view-title p{margin-top:3px;font-size:.8rem;color:var(--color-text-muted)}.large-count-badge{width:auto!important;min-width:34px;height:34px!important;padding:7px 12px!important;font-size:.82rem!important;background-color:var(--color-primary)!important;color:#fff!important;font-weight:700;border-radius:8px}#finished-clips-list{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.finished-table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;overflow-y:auto;flex-grow:1;box-shadow:var(--shadow-sm)}.finished-table{width:100%;min-width:1180px;border-collapse:collapse;text-align:left;font-size:.82rem}.finished-table th{position:sticky;top:0;z-index:2;background-color:#181818;color:var(--color-text-main);font-family:var(--font-title);font-weight:700;text-align:left;padding:12px 14px;border-bottom:1px solid var(--border-color);white-space:nowrap}body.light-theme .finished-table th{background-color:#f9fafb}.finished-table td{padding:12px 14px;color:var(--color-text-muted);border-bottom:1px solid var(--border-color);vertical-align:top}.finished-table tr:last-child td{border-bottom:none}.finished-table tr:hover td{background-color:#ffffff08}body.light-theme .finished-table tr:hover td{background-color:#00000006}.finished-table tr.missing-cover-row td{background-color:#f59e0b0f}.finished-table tr.missing-cover-row:hover td{background-color:#f59e0b1a}.col-product{color:var(--color-text-main);font-weight:700;line-height:1.35;white-space:normal;word-break:break-word;max-width:280px}.col-remark{color:var(--color-text-muted);white-space:normal;word-break:break-word;max-width:320px}.release-date-cell{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--color-text-muted)}.release-date-cell i{width:14px;height:14px;color:var(--color-primary)}.cover-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap}.cover-badge i{width:14px;height:14px}.cover-badge.cover-complete{background-color:#10b98124;border:1px solid rgba(16,185,129,.28);color:var(--status-done)}.cover-badge.cover-missing{background-color:#f59e0b29;border:1px solid rgba(245,158,11,.34);color:var(--alert-warning)}.cover-badge.cover-not-required{background-color:#6b72801f;border:1px solid rgba(107,114,128,.24);color:var(--color-text-muted)}.content-badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;background-color:#ffffff0d;border:1px solid var(--border-color);color:var(--color-text-muted)}body.light-theme .content-badge{background-color:#00000008}.content-badge.content-vdo,.content-badge.content-video{background-color:#c7ede7;border-color:#9fd6ce;color:#0f5f5a}.content-badge.content-shorts{background-color:#d8e8f7;border-color:#adcde8;color:#24526f}.content-badge.content-photo-album,.content-badge.content-photo-alb{background-color:#ffe3a8;border-color:#e2bd62;color:#76510a}.content-badge.content-single-post{background-color:#ffd6d6;border-color:#ef9a9a;color:#b42318}.owner-info{display:flex;align-items:center;gap:8px}.owner-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;text-transform:uppercase}.finished-table .status-pill{display:inline-block;min-width:110px;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;text-align:center}.finished-table .content-badge{display:inline-block;min-width:0;padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:600;text-align:center}.spin,.loading i,.loading svg{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){body{overflow:auto}.app-container{display:block;width:100%;min-height:100vh;height:auto}.mobile-topbar{position:sticky;top:0;z-index:1600;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}.mobile-brand .brand-logo{width:34px;height:34px;border-radius:9px}.mobile-brand .brand-text h1{font-size:1rem}.mobile-brand .brand-text span{font-size:.68rem}.mobile-menu-btn{width:40px;height:40px;border-radius:9px;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--color-text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-menu-btn i{width:19px;height:19px}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1490;background-color:#00000085}.mobile-sidebar-overlay.open{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:1500;width:min(86vw,340px);height:100vh;max-height:100vh;display:flex;border-right:1px solid var(--border-color);border-bottom:none;padding:16px 12px;overflow-y:auto;transform:translate(-105%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:translate(0)}.brand{padding:2px 4px 8px}.sidebar-top-updated{margin-bottom:10px}.nav-menu{display:block}.nav-menu .nav-section{margin-bottom:2px}.nav-menu .nav-btn+.nav-btn{margin-top:4px}.nav-btn{justify-content:flex-start;min-height:42px;padding:9px 10px;gap:10px;font-size:.84rem}.nav-btn i{width:16px;height:16px}.nav-btn.active:before{left:-1px;top:auto;bottom:auto;width:3px;height:20px}.filters-sidebar{display:block;margin-top:10px}.filters-sidebar .nav-section{margin:0 8px 6px}.filters-card{margin-bottom:0}.sidebar-footer{margin-top:10px;display:block}.sidebar-actions{margin-bottom:10px}.footer-settings-btn{margin-bottom:0!important}.connection-status{min-height:38px}.main-content{height:auto;min-height:0;overflow:visible;padding:12px}.view-panel{min-height:calc(100vh - 260px);height:auto;overflow:visible}.dashboard-grid,.board-table-container,.finished-table-container{max-width:100%}}@media (max-width: 768px){.sidebar{padding:10px}.brand-logo{width:34px;height:34px}.brand-text h1{font-size:1rem}.nav-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-sidebar,.sidebar-footer{grid-template-columns:1fr}.sidebar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:10px}.board-table-panel,.finished-table{min-width:860px}.board-table-container,.finished-table-container{overflow-x:auto}.calendar-view-header,.now-view-header,.finished-view-header{flex-direction:column;align-items:stretch}.calendar-board{overflow-x:auto}.calendar-panel{min-width:760px;min-height:620px}.now-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.now-owner-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;gap:16px}.now-owner-card{height:460px;flex:0 0 340px;max-width:85vw}}@media (max-width: 520px){.nav-btn{justify-content:flex-start;font-size:.78rem}.search-box input,.filter-group select{font-size:.8rem}.now-summary-grid{grid-template-columns:1fr}.now-task-row{grid-template-columns:minmax(0,1fr) 76px;gap:8px;padding:8px 10px}.now-owner-card{height:430px}.modal-card{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:92vh;border-radius:14px}.toast-container{left:10px;right:10px;bottom:10px}.toast{max-width:none}}.note-ghost-input{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--color-text-main);outline:none;transition:all .2s ease;font-family:inherit}.note-ghost-input:hover{background-color:#8080800d}.note-ghost-input:focus{border-color:var(--border-focus);background-color:#80808014}body.light-theme .note-ghost-input:focus{border-color:var(--color-primary)}.note-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:none;border-radius:50%;cursor:pointer;padding:0;background:none;overflow:hidden;flex-shrink:0}.note-color-picker::-webkit-color-swatch-wrapper{padding:0}.note-color-picker::-webkit-color-swatch{border:1.5px solid var(--border-color);border-radius:50%}.note-color-picker::-moz-color-swatch{border:1.5px solid var(--border-color);border-radius:50%}.color-preset-btn{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);cursor:pointer;padding:0;transition:transform .2s ease,border-color .2s ease;flex-shrink:0}.color-preset-btn:hover{transform:scale(1.2);border-color:#0000004d}body.dark-theme .color-preset-btn{border-color:#fff3}body.dark-theme .color-preset-btn:hover{border-color:#ffffff80}.task-comments-container{margin-top:1.5rem}.btn-toggle-comments{padding:.5rem 1.25rem;font-size:.85rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;background-color:var(--color-primary);color:#fff;border:none;font-weight:500;box-shadow:0 2px 4px #0000001a;transition:background-color .2s,transform .1s}.btn-toggle-comments:hover{background-color:var(--color-primary-hover, #2563eb);transform:translateY(-1px)}.btn-toggle-comments:active{transform:translateY(0)}.comments-section{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.comments-section-header{font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.comments-section-header i{width:16px;height:16px}.comments-login-warning{font-size:.85rem;color:var(--alert-warning);margin-bottom:.75rem}.comments-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#0000000d;border-radius:8px}.dark-theme .comments-list{background:#0003}.comments-list-empty{text-align:center;padding:1rem;color:var(--color-text-muted);font-size:.9rem}.comment-wrapper{display:flex;flex-direction:column;margin-bottom:4px}.comment-wrapper.mine{align-items:flex-end}.comment-wrapper.theirs{align-items:flex-start}.comment-meta{font-size:.75rem;color:var(--color-text-muted);margin-bottom:4px;display:flex;align-items:center;gap:.5rem}.comment-bubble{padding:.5rem .75rem;border-radius:12px;max-width:85%;font-size:.9rem;word-break:break-word;line-height:1.4}.comment-wrapper.mine .comment-bubble{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-bottom-right-radius:4px}.comment-wrapper.theirs .comment-bubble{background:var(--bg-card);color:var(--color-text-main);border:1px solid var(--border-color);border-bottom-left-radius:4px}.btn-delete-comment{background:none;border:none;color:var(--alert-danger);opacity:.6;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity .2s,background .2s}.btn-delete-comment:hover{opacity:1;background:#ef44441a}.btn-delete-comment svg{width:12px;height:12px}.comments-input-area{display:flex;gap:.5rem}.comment-input{flex:1;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-app);color:var(--color-text-main);font-size:.9rem}.comment-input:focus{outline:none;border-color:var(--color-primary)}.comment-input:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.comments-list{max-height:200px}}@media (max-width: 480px){.comments-list{max-height:180px}}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-text-muted);transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.user-profile-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--color-text-main);cursor:pointer;transition:all .3s ease;text-align:left}.user-profile-btn:hover{background:#ffffff1a;border-color:var(--color-primary);transform:translateY(-1px)}.user-avatar-wrapper{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg-card);border:2px solid rgba(255,255,255,.1)}.user-avatar-wrapper img{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.user-profile-text{flex:1;display:flex;flex-direction:column;overflow:hidden}#sidebar-user-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebar-user-role{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.chevron-icon{width:16px;height:16px;color:var(--color-text-muted);opacity:.5;transition:.2s}.user-profile-btn:hover .chevron-icon{opacity:1;color:var(--color-primary)}.settings-premium-card{border-radius:16px!important;box-shadow:0 20px 40px #0006!important;border:1px solid rgba(255,255,255,.1)!important}.settings-header{padding:24px 24px 20px!important;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,#ffffff0d,#fff0)}.settings-header-title{display:flex;align-items:center;gap:16px}.settings-icon-wrapper{width:48px;height:48px;background:rgba(var(--color-primary-rgb, 59, 130, 246),.15);color:var(--color-primary);border-radius:12px;display:flex;align-items:center;justify-content:center}.settings-icon-wrapper i{width:24px;height:24px}.settings-header-title h3{margin:0 0 4px;font-size:1.25rem}.settings-header-title p{margin:0;font-size:.85rem;color:var(--color-text-muted)}.settings-body{padding:20px 24px 30px!important;display:flex;flex-direction:column;gap:20px}.settings-section-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:20px}.section-title{margin-top:0;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--color-text-main)}.section-title i{color:var(--color-primary);width:18px;height:18px}.profile-edit-container{display:flex;gap:20px;align-items:center;margin-bottom:20px}.avatar-large-wrapper{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid var(--border-color)}.avatar-large-wrapper img{width:100%;height:100%;object-fit:cover}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;color:#fff}.avatar-large-wrapper:hover .avatar-overlay{opacity:1}.profile-edit-fields{flex:1}.profile-email{font-size:.85rem;color:var(--color-text-muted);margin-bottom:8px;font-weight:500}.input-with-icon{position:relative}.input-with-icon i{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted)}.input-with-icon input{width:100%;padding:10px 12px 10px 36px;border-radius:8px;border:1px solid var(--border-color);background:#0000001a;color:var(--color-text-main);transition:.2s}.input-with-icon input:focus{outline:none;border-color:var(--color-primary);background:#0003}.settings-action-row{display:flex;gap:12px}.system-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-action-btn{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid var(--border-color);border-radius:10px;color:var(--color-text-main);text-align:left;cursor:pointer;transition:.2s}.system-action-btn:hover{background:#ffffff14;border-color:var(--color-primary)}.system-action-btn .action-icon{width:36px;height:36px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.system-action-btn:hover .action-icon{background:rgba(var(--color-primary-rgb, 59, 130, 246),.2);color:var(--color-primary)}.system-action-btn.admin-btn:hover .action-icon{background:#ef444433;color:#ef4444}.system-action-btn.admin-btn:hover{border-color:#ef4444}.action-text{display:flex;flex-direction:column}.action-name{font-weight:600;font-size:.9rem}.action-desc{font-size:.7rem;color:var(--color-text-muted)}.btn-danger-outline{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444;display:flex;align-items:center;gap:8px;justify-content:center;border-radius:8px;flex:1;padding:8px;cursor:pointer;transition:.2s}.btn-danger-outline:hover{background:#ef44441a;border-color:#ef4444}body.light-theme .settings-premium-card{box-shadow:0 20px 40px #0000001a!important;background:#fff}body.light-theme .settings-header{background:linear-gradient(180deg,#00000005,#0000)}body.light-theme .settings-section-card{background:#f8fafc}body.light-theme .input-with-icon input,body.light-theme .system-action-btn{background:#fff}body.light-theme .system-action-btn:hover{background:#f1f5f9}body.light-theme .user-profile-btn{background:#f8fafc}body.light-theme .user-profile-btn:hover{background:#f1f5f9}.settings-premium-card{border-radius:20px!important;box-shadow:0 30px 60px #0000004d!important;border:1px solid rgba(255,255,255,.05)!important;background:var(--bg-card)!important}.settings-header{border-bottom:none!important;padding:32px 32px 16px!important}.settings-body{padding:0 32px 32px!important;display:flex;flex-direction:column;gap:24px}.settings-group{display:flex;flex-direction:column;gap:4px}.settings-group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--color-text-main);opacity:.7;margin-bottom:8px;padding-left:4px}.settings-divider{height:1px;background:#ffffff0d;margin:8px 0}.settings-row{display:flex;align-items:center;padding:12px 16px;background:#ffffff0a;border-radius:12px;border:1px solid transparent;transition:all .2s}.settings-row.clickable-row{cursor:pointer;background:transparent;border:1px solid transparent}.settings-row.clickable-row:hover{background:#ffffff14}.settings-row.input-row{background:transparent;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;padding:12px 4px}.settings-row.input-row:last-child{border-bottom:none}.settings-row.action-row{background:transparent;padding:8px 4px 0}.row-left{display:flex;align-items:center;gap:12px;flex:1}.row-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-main)}.row-icon.alert-icon{color:var(--alert-danger);background:transparent}.row-icon i{width:16px;height:16px}.row-text{font-size:.95rem;color:var(--color-text-main);font-weight:500}.row-text.alert-text{color:var(--alert-danger)}.row-right{display:flex;align-items:center}.minimal-input{background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);color:var(--color-text-main);font-size:.95rem;padding:10px 12px;outline:none;width:100%;transition:all .2s}.minimal-input::placeholder{color:var(--color-text-muted);opacity:.6}.minimal-input:focus{background:#ffffff0f;border-color:#ffffff26}.h3-style{font-size:1.25rem;font-weight:600;padding:4px;margin-left:-4px}.profile-row{background:transparent;padding:8px 4px;gap:20px}.profile-avatar-container{width:64px;height:64px;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.profile-avatar-container img{width:100%;height:100%;object-fit:cover}.profile-info-container{flex:1;display:flex;flex-direction:column}.profile-name-edit{display:flex;align-items:center;position:relative}.edit-hint-icon{width:14px;height:14px;color:var(--color-text-muted);position:absolute;right:8px;opacity:0;transition:.2s;pointer-events:none}.profile-name-edit:hover .edit-hint-icon{opacity:.5}.minimal-input:focus+.edit-hint-icon{opacity:1;color:var(--color-primary)}.profile-email-text{font-size:.85rem;color:var(--color-text-muted)}.btn-text-primary,.btn-text-danger,.btn-text{background:transparent;border:none;font-size:.9rem;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:.2s}.btn-text-primary{color:var(--color-primary)}.btn-text-primary:hover{background:#3b82f61a}.btn-text-danger{color:var(--alert-danger);display:flex;align-items:center;gap:6px}.btn-text-danger:hover{background:#ef44441a}.btn-text{color:var(--color-text-main)}.btn-text:hover{background:#ffffff0d}.btn-solid-primary{background:var(--color-primary);color:#fff;border:none;font-size:.9rem;font-weight:500;padding:8px 20px;border-radius:20px;cursor:pointer;box-shadow:0 4px 12px #3b82f64d;transition:.2s}.btn-solid-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}body.light-theme .settings-premium-card{box-shadow:0 20px 40px #0000001a!important;border:1px solid rgba(0,0,0,.05)!important;background:#fff!important}body.light-theme .settings-divider{background:#0000000d}body.light-theme .settings-row.clickable-row{background:#00000005}body.light-theme .settings-row.clickable-row:hover{background:#0000000d}body.light-theme .settings-row.input-row{border-bottom:1px solid rgba(0,0,0,.08)}body.light-theme .row-icon{background:transparent;color:var(--color-text-main)}body.light-theme .minimal-input{background:#00000005;border-color:#0000000d}body.light-theme .minimal-input:focus{background:#0000000d;border-color:#00000026}body.light-theme .btn-text:hover{background:#0000000a}body:not(.light-theme) .row-icon{color:#fff}body:not(.light-theme) .chevron-icon{color:#ffffff80}body:not(.light-theme) .settings-row.clickable-row:hover .chevron-icon{color:#fff}body:not(.light-theme) .btn-text{color:#e0e0e0}body:not(.light-theme) .btn-text:hover{color:#fff}.gtask-checkbox{background:none;border:none;padding:0;margin:0 12px 0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s ease;width:24px;height:24px;flex-shrink:0;border-radius:50%}.gtask-checkbox:hover{background-color:#8080801a;color:var(--color-text-main)}.gtask-checkbox.checked{color:var(--color-primary)}.gtask-checkbox svg{width:20px;height:20px}.subtask-row{display:flex;align-items:center;gap:8px;padding:2px 0}.subtask-delete-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;opacity:.3;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.subtask-row:hover .subtask-delete-btn,.subtask-input:focus~.subtask-delete-btn{opacity:1}.subtask-delete-btn:hover{background-color:#ef44441a;color:#ef4444}@keyframes noteEditEnter{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.note-edit-mode{animation:noteEditEnter .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}.gtask-more-menu{position:relative}.gtask-more-menu summary{list-style:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--color-text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.gtask-more-menu summary::-webkit-details-marker{display:none}.gtask-more-menu summary:hover,.gtask-more-menu[open] summary{background-color:#8080801a;color:var(--color-text-main)}.gtask-more-menu-content{position:absolute;right:0;top:100%;margin-top:4px;background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:120px;z-index:100;overflow:hidden}.gtask-more-menu-content button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;color:var(--color-text-main);font-size:.9rem;cursor:pointer;text-align:left;transition:background-color .2s}.gtask-more-menu-content button:hover{background-color:#8080800d}.gtask-more-menu-content button.danger{color:#ef4444}.gtask-more-menu-content button.danger:hover{background-color:#ef44441a}.online-users-stack{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end}.avatar-stack-item{width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:1.5px solid var(--bg-card);margin-left:-6px;box-shadow:0 1px 3px #0000001a;transition:transform .2s;cursor:default;position:relative}.avatar-stack-item:hover{transform:translateY(-2px);z-index:10!important}.avatar-stack-item svg{width:12px;height:12px}.avatar-online-dot{position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;background-color:#10b981;border:1px solid var(--bg-card);border-radius:50%}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{background:var(--bg-card);background-image:linear-gradient(to right,var(--bg-card) 0%,var(--border-color) 20%,var(--bg-card) 40%,var(--bg-card) 100%);background-repeat:no-repeat;background-size:800px 100%;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;border-radius:6px}.skeleton-card{height:100px;width:100%;margin-bottom:10px}.skeleton-text{height:14px;width:80%;margin-bottom:8px;border-radius:4px}.skeleton-text.short{width:40%}