:root{--sidebar-width: 240px;--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;height:100vh;overflow:hidden}.main{flex:1;overflow:hidden;display:flex;flex-direction:column}.loading,.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:1rem}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:.875rem;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important}.global-view-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.view-toggle button{display:flex;align-items:center;gap:5px;padding:5px 12px;border:none;border-radius:6px;font-size:.78rem;font-weight:500;color:var(--text-muted);background:transparent;cursor:pointer;transition:all .12s}.gvb-board{display:flex;align-items:baseline;gap:10px}.gvb-title{font-size:1.05rem;font-weight:700;color:var(--text)}.gvb-meta{font-size:.78rem;color:var(--text-muted)}:root{--navy: #1b2d4f;--navy-dark: #0f1e36;--navy-mid: #1e3560;--navy-light: #243d6e;--gold: #c9a84c;--gold-light: #e2c472;--gold-pale: rgba(201,168,76,.18)}*{box-sizing:border-box;margin:0;padding:0}.login-page{display:flex;min-height:100vh;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.login-left{flex:1;background:linear-gradient(150deg,var(--navy-dark) 0%,var(--navy) 45%,var(--navy-mid) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px 40px;position:relative;overflow:hidden;min-width:0}.login-left-deco-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07);pointer-events:none}.ring-1{width:480px;height:480px;top:-180px;right:-160px}.ring-2{width:320px;height:320px;top:-60px;right:-40px;border-color:var(--gold-pale)}.ring-3{width:600px;height:600px;bottom:-280px;left:-200px}.login-left-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:36px;max-width:520px}.login-left-logo{height:62px;width:auto;filter:brightness(1.15) drop-shadow(0 2px 12px rgba(0,0,0,.3))}.login-tagline-main{font-size:2.2rem;font-weight:700;color:#ffffffeb;line-height:1.65;letter-spacing:-.02em}.login-tagline-main em{font-style:normal;color:var(--gold-light);font-weight:800}.login-tagline-divider{width:36px;height:2px;background:var(--gold);border-radius:2px;margin:16px 0;opacity:.7}.login-tagline-sub{font-size:1.2rem;color:#ffffff7a;line-height:1.75}.login-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:4px;transition:background .2s}.login-stat:hover{background:#ffffff17}.login-stat-num{font-size:1.55rem;font-weight:800;color:var(--gold-light);line-height:1;letter-spacing:-.02em}.login-stat-label{font-size:.72rem;color:#ffffff73;letter-spacing:.04em}.login-account-box{display:flex;align-items:center;gap:14px;background:#ffffff0f;border:1px solid rgba(201,168,76,.3);border-radius:14px;padding:14px 18px;cursor:pointer;transition:all .18s;outline:none}.login-account-box:hover{background:#c9a84c1f;border-color:#c9a84c8c;transform:translate(3px)}.login-account-box:focus{box-shadow:0 0 0 2px var(--gold)}.login-account-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:800;color:var(--navy-dark);flex-shrink:0}.login-account-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.login-account-name{font-size:.88rem;font-weight:700;color:#ffffffe6}.login-account-email{font-size:.75rem;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-account-arrow{color:var(--gold);flex-shrink:0;opacity:.7}.login-members-section{display:flex;flex-direction:column;gap:12px}.login-members-label{font-size:.95rem;font-weight:600;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;opacity:.75}.login-members-list{display:flex;flex-wrap:wrap;gap:8px}.login-member-row{flex:0 0 calc(33.333% - 6px)}.login-member-row{display:flex;align-items:center;justify-content:center;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-left:2px solid transparent;border-radius:10px;padding:13px 12px;cursor:pointer;transition:all .16s;outline:none;-webkit-user-select:none;user-select:none;min-width:0}.login-member-row:hover{background:#c9a84c0f;border-color:#c9a84c40;border-left-color:var(--gold);transform:translate(2px)}.login-member-row.selected{background:#c9a84c1f;border-color:#c9a84c73;border-left-color:var(--gold-light);box-shadow:inset 0 0 0 1px #c9a84c26}.login-member-name{font-size:1.1rem;font-weight:600;color:#ffffffc7;letter-spacing:-.01em;white-space:nowrap;text-align:center}.login-member-row.selected .login-member-name{color:var(--gold-light)}.login-member-arrow{display:none}.login-left-footer{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.login-footer-logo{height:22px;width:auto;opacity:.35}.login-left-footer span{font-size:.72rem;color:#ffffff40;line-height:1.6}.login-left-visual{position:absolute;right:120px;top:50%;transform:translateY(-50%);width:480px;z-index:2;pointer-events:none}.llv-svg{width:100%;height:auto;animation:llv-breathe 8s ease-in-out infinite}.llv-spin-ring{transform-origin:150px 170px;animation:llv-ring-spin 40s linear infinite}@keyframes llv-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes llv-breathe{0%,to{opacity:.85}50%{opacity:1}}@media (max-width: 1200px){.login-left-visual{display:none}}.login-right{width:460px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:48px 52px;box-shadow:-24px 0 80px #0000001a;position:relative;overflow:hidden}.login-right-deco-ring{position:absolute;border-radius:50%;pointer-events:none}.rr-1{width:420px;height:420px;top:-180px;right:-140px;border:2px solid rgba(27,45,79,.12);background:radial-gradient(circle,rgba(27,45,79,.03) 0%,transparent 70%)}.rr-2{width:280px;height:280px;top:-50px;right:-20px;border:1.5px solid rgba(201,168,76,.22)}.rr-3{width:560px;height:560px;bottom:-260px;left:-170px;border:2px solid rgba(27,45,79,.08);background:radial-gradient(circle,rgba(27,45,79,.02) 0%,transparent 70%)}.login-right-deco-dot{position:absolute;border-radius:50%;pointer-events:none}.rd-1{width:10px;height:10px;top:64px;right:68px;background:#c9a84c73}.rd-2{width:6px;height:6px;top:94px;right:112px;background:#1b2d4f33}.rd-3{width:12px;height:12px;bottom:86px;left:56px;background:#c9a84c59}.rd-4{width:5px;height:5px;bottom:108px;left:82px;background:#1b2d4f26}.login-card{width:100%;max-width:340px;position:relative;z-index:1}.login-card-top{margin-bottom:36px}.login-card-logo{height:36px;width:auto;margin-bottom:28px;display:block}.login-card-title{font-size:1.45rem;font-weight:800;color:var(--navy);letter-spacing:-.025em;margin-bottom:6px}.login-card-sub{font-size:.82rem;color:#78909c;line-height:1.55}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:.7rem;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.08em}.input-wrap{position:relative;display:flex;align-items:center}.input-ico{position:absolute;left:13px;color:#b0bec5;pointer-events:none;transition:color .15s}.input-wrap:focus-within .input-ico{color:var(--navy)}.login-field input{width:100%;padding:12px 14px 12px 40px;border:1.5px solid #e8edf2;border-radius:10px;font-size:.88rem;color:#1a2744;background:#f7f9fc;transition:border-color .15s,box-shadow .15s,background .15s;outline:none}.login-field input:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px #1b2d4f17}.login-field input::placeholder{color:#b8c4ce}.login-error{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#c62828;background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;padding:10px 14px}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy-light) 100%);color:#fff;border:none;border-radius:10px;font-size:.93rem;font-weight:700;cursor:pointer;margin-top:6px;letter-spacing:.03em;transition:transform .18s,box-shadow .18s,opacity .18s;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 60%)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #1b2d4f61}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.login-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;font-size:.76rem;color:#9eaab5}.login-hint strong{color:var(--navy);font-weight:700}@media (max-width: 900px){.login-page{flex-direction:column}.login-left{padding:36px 28px 32px;flex:none}.login-left-logo{height:34px}.login-tagline-main{font-size:1.2rem}.login-stats{grid-template-columns:repeat(4,1fr);gap:10px}.login-stat{padding:12px 14px}.login-stat-num{font-size:1.1rem}.login-right{width:100%;padding:36px 24px 48px;box-shadow:none}}.activity-feed{border-top:1px solid #1e293b;margin-top:8px}.activity-feed-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none}.activity-feed-header:hover{color:#cbd5e1}.activity-feed-header-right{display:flex;align-items:center;gap:6px}.activity-refresh{background:none;border:none;color:#64748b;cursor:pointer;font-size:.85rem;padding:0 2px;line-height:1}.activity-refresh:hover{color:#94a3b8}.activity-toggle{font-size:.65rem;color:#64748b}.activity-list{padding:0 8px 8px;max-height:280px;overflow-y:auto}.activity-list::-webkit-scrollbar{width:3px}.activity-list::-webkit-scrollbar-track{background:transparent}.activity-list::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.activity-empty{font-size:.75rem;color:#475569;text-align:center;padding:12px 0}.activity-item{display:flex;gap:8px;padding:6px 8px;border-radius:6px;margin-bottom:2px}.activity-item:hover{background:#1e293b}.activity-icon{font-size:.8rem;width:16px;text-align:center;flex-shrink:0;margin-top:2px}.activity-body{flex:1;min-width:0}.activity-user-row{display:flex;align-items:center;gap:5px;margin-bottom:2px}.activity-avatar{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0}.activity-user{font-size:.72rem;font-weight:600;color:#cbd5e1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:.65rem;color:#475569;flex-shrink:0}.activity-desc{font-size:.72rem;color:#94a3b8;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{width:var(--sidebar-width);background:#1e293b;color:#f1f5f9;display:flex;flex-direction:column;height:100vh;flex-shrink:0}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:14px 12px;border-bottom:1px solid #334155}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.sidebar-brand-logo{height:36px;width:auto;max-width:100%;object-fit:contain}.sidebar-brand-lm{display:flex;align-items:flex-end;line-height:1;flex-shrink:0}.lm-l,.lm-m{font-size:1.6rem;font-weight:900;color:#fff;font-family:Arial Black,sans-serif;letter-spacing:-.05em}.sidebar-brand-text{display:flex;flex-direction:column;align-items:center;gap:2px}.brand-name{font-size:1.1rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em;white-space:nowrap}.brand-sub{font-size:.58rem;font-weight:500;color:#94a3b8;letter-spacing:.1em;white-space:nowrap}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #334155;background:#0f172a}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;font-weight:700;flex-shrink:0}.sidebar-user-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-user-name{font-size:.85rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.68rem;color:#64748b}.logout-btn{background:none;border:none;color:#64748b;font-size:1rem;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .12s;flex-shrink:0}.logout-btn:hover{background:#334155;color:#f87171}.sidebar-section{flex:1;overflow-y:auto;padding:12px 0}.sidebar-section-label{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.sidebar-add-btn{background:none;border:none;color:#94a3b8;font-size:1.2rem;line-height:1;padding:1px 6px;border-radius:4px}.sidebar-add-btn:hover{background:#334155;color:#f1f5f9}.sidebar-add-form{padding:6px 12px 10px;display:flex;gap:6px}.sidebar-add-form input{flex:1;padding:6px 8px;border:1px solid #475569;border-radius:var(--radius);background:#334155;color:#f1f5f9;font-size:.8rem}.sidebar-add-form button{padding:6px 10px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.8rem;white-space:nowrap}.board-list{display:flex;flex-direction:column}.board-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:background .12s}.board-item:hover{background:#334155}.board-item.active{background:#1d4ed8}.board-item-icon{font-size:.85rem;flex-shrink:0}.board-item-title{flex:1;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-rename-btn,.board-delete-btn{display:none;background:none;border:none;color:#94a3b8;font-size:.75rem;padding:2px 5px;border-radius:3px;flex-shrink:0}.board-item:hover .board-rename-btn,.board-item:hover .board-delete-btn{display:block}.board-rename-btn:hover{background:#334155;color:#93c5fd}.board-delete-btn:hover{background:#ef4444;color:#fff}.board-rename-input{flex:1;background:#0f172a;border:1px solid #3b82f6;border-radius:3px;color:#f1f5f9;font-size:.875rem;padding:1px 6px;outline:none;min-width:0}.no-boards{padding:10px 16px;color:#64748b;font-size:.8rem}.sidebar-footer{padding:12px;border-top:1px solid #334155}.team-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:1px solid #334155;border-radius:var(--radius);color:#cbd5e1;font-size:.85rem;transition:all .12s}.team-btn:hover{background:#334155;color:#f1f5f9}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;position:relative;transition:box-shadow .12s,transform .12s;-webkit-user-select:none;user-select:none}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card.dragging{box-shadow:0 10px 30px #0000002e;transform:rotate(1.5deg)}.card-delete-btn{position:absolute;top:6px;right:6px;opacity:0;background:none;border:none;color:#94a3b8;font-size:.7rem;width:20px;height:20px;border-radius:4px;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}.card:hover .card-delete-btn{opacity:1}.card-delete-btn:hover{background:#fee2e2;color:#ef4444}.card-priority-bar{width:4px;border-radius:var(--radius) 0 0 var(--radius);flex-shrink:0}.card-tags{display:flex;flex-wrap:wrap;gap:4px;padding:7px 10px 0 8px}.card-tag{font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:10px;border:1px solid;letter-spacing:.02em}.card-content{padding:7px 10px 9px 8px;flex:1;min-width:0}.card-title{font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:5px;line-height:1.4;word-break:break-word}.card-desc{font-size:.75rem;color:var(--text-muted);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-checklist-bar{display:flex;align-items:center;gap:6px;margin-bottom:6px}.checklist-progress-track{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.checklist-progress-fill{height:100%;border-radius:2px;transition:width .2s}.checklist-count{font-size:.68rem;color:var(--text-muted);white-space:nowrap;font-weight:600}.card-checklist-items{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:3px}.card-checklist-item{display:flex;align-items:flex-start;gap:5px;font-size:.72rem;color:var(--text-muted);line-height:1.35}.card-checklist-icon{font-size:.65rem;flex-shrink:0;margin-top:1px;color:#94a3b8;width:10px;text-align:center}.card-checklist-item.done .card-checklist-icon{color:#22c55e}.card-checklist-item.done .card-checklist-text{text-decoration:line-through;color:#94a3b8}.card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.priority-badge{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:10px}.deadline{font-size:.7rem;color:var(--text-muted)}.deadline.overdue{color:var(--danger);font-weight:600}.avatar-chip{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.58rem;font-weight:700;margin-left:auto;flex-shrink:0}.column{width:272px;flex-shrink:0;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100vh - 130px)}.column-header{padding:12px 10px 10px;border-top:4px solid #e2e8f0;border-radius:var(--radius) var(--radius) 0 0;display:flex;align-items:center;justify-content:space-between;position:relative}.column-header-left{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.column-header h3{font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-header h3:hover{text-decoration:underline dotted}.column-title-input{font-size:.875rem;font-weight:600;border:1px solid var(--primary);border-radius:4px;padding:2px 6px;width:140px;background:var(--surface)}.card-count{font-size:.7rem;background:#f1f5f9;color:var(--text-muted);border-radius:10px;padding:1px 7px;font-weight:600;flex-shrink:0}.column-header-right{display:flex;align-items:center;gap:2px;position:relative}.icon-btn{background:none;border:none;padding:3px 5px;border-radius:4px;font-size:.8rem;color:var(--text-muted);transition:all .12s;opacity:0}.column:hover .icon-btn{opacity:1}.icon-btn:hover{background:var(--bg)}.icon-btn.danger:hover{background:#fee2e2;color:var(--danger)}.color-picker{position:absolute;top:calc(100% + 4px);right:0;z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px;display:flex;flex-wrap:wrap;gap:5px;width:112px;box-shadow:var(--shadow-md)}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;padding:0;flex-shrink:0;transition:transform .12s}.color-dot:hover{transform:scale(1.2)}.column-cards{padding:6px 8px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:7px;min-height:40px;transition:background .12s}.column-cards.dragging-over{background:#eff6ff}.column-footer{padding:8px;border-top:1px solid var(--border);flex-shrink:0}.add-card-btn{width:100%;padding:8px;background:none;border:none;color:var(--text-muted);font-size:.8rem;text-align:left;border-radius:var(--radius);transition:all .12s}.add-card-btn:hover{background:var(--bg);color:var(--text)}.add-card-form{display:flex;flex-direction:column;gap:6px}.add-card-form textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius);resize:none;font-size:.875rem;background:var(--surface)}.add-card-actions{display:flex;gap:6px}.add-card-actions button{padding:5px 12px;border-radius:var(--radius);border:none;font-size:.8rem;font-weight:500}.add-card-actions button:first-child{background:var(--primary);color:#fff}.add-card-actions button.cancel{background:var(--border);color:var(--text)}.cip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1100;display:flex;justify-content:flex-end}.cip-panel{width:1400px;max-width:95vw;background:var(--surface);height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 40px #0000002e;animation:cip-slide-in .22s cubic-bezier(.22,1,.36,1)}@keyframes cip-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.cip-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.cip-header-left{display:flex;align-items:center;gap:12px}.cip-icon{font-size:1.5rem}.cip-title{font-size:1.05rem;font-weight:700;color:var(--text);margin:0}.cip-subtitle{font-size:.78rem;color:var(--text-muted);margin:2px 0 0}.cip-header-actions{display:flex;align-items:center;gap:8px}.cip-save-btn{padding:6px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer}.cip-save-btn:hover{background:var(--primary-hover)}.cip-close-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;width:30px;height:30px;border-radius:var(--radius);cursor:pointer;transition:background .12s}.cip-close-btn:hover{background:var(--bg);color:var(--text)}.cip-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:24px}.cip-section{display:flex;flex-direction:column;gap:12px}.cip-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding-bottom:8px;border-bottom:1px solid var(--border)}.cip-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cip-field{display:flex;flex-direction:column;gap:5px}.cip-span2{grid-column:1 / -1}.cip-field label{font-size:.72rem;font-weight:600;color:var(--text-muted)}.cip-field input,.cip-field select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.875rem;transition:border-color .15s}.cip-field input:focus,.cip-field select:focus{outline:none;border-color:var(--primary)}.cip-field input::placeholder{color:#94a3b8}.cip-section-title{display:flex;align-items:center;justify-content:space-between}.cip-ch-count{font-size:.68rem;font-weight:700;background:#dbeafe;color:var(--primary);padding:2px 8px;border-radius:10px;text-transform:none;letter-spacing:0}.cip-ch-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.cip-groups{display:flex;flex-direction:column;gap:16px}.cip-group{border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.cip-group-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border);border-left:3px solid var(--group-color, var(--primary))}.cip-group-icon{font-size:1rem}.cip-group-label{font-size:.8rem;font-weight:700;color:var(--text)}.cip-group-badge{font-size:.65rem;font-weight:700;background:var(--group-color, var(--primary));color:#fff;padding:1px 7px;border-radius:10px;margin-left:auto}.cip-group-cards{display:grid;grid-template-columns:repeat(5,1fr);padding:12px;background:var(--surface);gap:8px}.cip-ch-card{border:1.5px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s;background:var(--surface)}.cip-ch-card.active{border-color:var(--ch-color, var(--primary))}.cip-ch-header{padding:10px 14px}.cip-ch-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.cip-ch-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--ch-color, var(--primary))}.cip-ch-icon{font-size:1rem}.cip-ch-name{font-size:.88rem;font-weight:600;color:var(--text)}.cip-ch-fields{padding:0 14px 12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);background:var(--bg)}.cip-ch-field{display:flex;flex-direction:column;gap:4px;padding-top:8px}.cip-ch-field label{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cip-ch-field input{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.85rem;transition:border-color .15s}.cip-ch-field input:focus{outline:none;border-color:var(--ch-color, var(--primary))}.cip-ch-field input::placeholder{color:#94a3b8}.cip-pw-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color .15s}.cip-pw-wrap:focus-within{border-color:var(--ch-color, var(--primary))}.cip-pw-wrap input{flex:1;border:none;background:transparent;padding:7px 10px;font-size:.85rem;color:var(--text)}.cip-pw-wrap input:focus{outline:none}.cip-pw-toggle{background:none;border:none;border-left:1px solid var(--border);padding:0 10px;font-size:.85rem;cursor:pointer;color:var(--text-muted);height:100%;min-height:34px;transition:background .12s}.cip-pw-toggle:hover{background:var(--bg)}.cip-ch-drag{color:#cbd5e1;font-size:1rem;cursor:grab;padding:0 6px 0 2px;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.cip-ch-drag:hover{color:#94a3b8}.cip-ch-drag:active{cursor:grabbing}.cip-ch-header{display:flex;align-items:center;justify-content:space-between}.cip-ch-delete{background:none;border:none;color:#cbd5e1;font-size:.7rem;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all .12s;line-height:1}.cip-ch-delete:hover{background:#fee2e2;color:#ef4444}.cip-ch-add-btn,.cip-ch-add-form{grid-column:1 / -1}.cip-ch-add-btn{width:100%;padding:9px;border:1.5px dashed var(--border);border-radius:10px;background:transparent;color:var(--text-muted);font-size:.83rem;font-weight:600;cursor:pointer;transition:all .15s}.cip-ch-add-btn:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.cip-ch-add-form{border:1.5px solid var(--primary);border-radius:10px;padding:12px;background:#eff6ff;display:flex;flex-direction:column;gap:8px}.cip-ch-add-form input{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.875rem}.cip-ch-add-form input:focus{outline:none;border-color:var(--primary)}.cip-ch-add-actions{display:flex;gap:6px}.cip-ch-add-actions button{padding:6px 14px;border:none;border-radius:var(--radius);font-size:.82rem;font-weight:600;cursor:pointer}.cip-ch-add-actions button:first-child{background:var(--primary);color:#fff}.cip-ch-add-actions button:first-child:disabled{opacity:.4;cursor:not-allowed}.cip-ch-add-actions button.cancel{background:var(--border);color:var(--text)}.cip-memo{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.875rem;line-height:1.6;resize:vertical;box-sizing:border-box;transition:border-color .15s}.cip-memo:focus{outline:none;border-color:var(--primary)}.cip-memo::placeholder{color:#94a3b8}.cip-footer{padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0}.cip-save-btn-full{width:100%;padding:11px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .12s}.cip-save-btn-full:hover{background:var(--primary-hover)}.board{display:flex;flex-direction:column;height:100vh;overflow:hidden}.board-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.board-header-left{display:flex;align-items:center;gap:12px}.board-header h1{font-size:1.25rem;font-weight:700}.board-meta{font-size:.8rem;color:var(--text-muted)}.client-info-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:0 2px 8px #3b82f659}.client-info-btn:hover{background:var(--primary-hover);box-shadow:0 4px 14px #3b82f673;transform:translateY(-1px)}.client-drive-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;border:none;border-radius:10px;background:#16a34a;color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:0 2px 8px #16a34a59}.client-drive-btn:hover{background:#15803d;box-shadow:0 4px 14px #16a34a73;transform:translateY(-1px)}.board-header-right{display:flex;align-items:center;gap:14px}.board-header-user{display:flex;align-items:center;gap:8px}.view-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px}.view-toggle button{display:flex;align-items:center;gap:5px;padding:5px 12px;border:none;border-radius:6px;font-size:.8rem;font-weight:500;color:var(--text-muted);background:transparent;cursor:pointer;transition:all .12s}.view-toggle button:hover{color:var(--text);background:var(--surface)}.view-toggle button.active{background:var(--surface);color:var(--primary);font-weight:700;box-shadow:0 1px 3px #0000001a}.current-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700}.current-user-name{font-size:.875rem;font-weight:500;color:var(--text)}.filter-bar{display:flex;align-items:center;gap:10px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.filter-search{display:flex;align-items:center;gap:7px;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;padding:6px 10px;min-width:180px;color:var(--text-muted);transition:border-color .15s;position:relative}.filter-search:focus-within{border-color:var(--primary);color:var(--primary)}.filter-search input{border:none;background:none;outline:none;font-size:.82rem;color:var(--text);flex:1;min-width:0}.filter-clear-x{background:none;border:none;color:var(--text-muted);font-size:.72rem;cursor:pointer;padding:0;line-height:1}.filter-group{display:flex;align-items:center;gap:5px}.filter-label{font-size:.72rem;font-weight:600;color:var(--text-muted);margin-right:2px;white-space:nowrap}.filter-chip{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:12px;border:1.5px solid;cursor:pointer;background:transparent;transition:all .12s}.filter-chip:hover{opacity:.85}.filter-avatar{height:28px;padding:0 10px;border-radius:14px;border:2px solid;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:all .12s}.filter-avatar:hover{opacity:.85;transform:scale(1.05)}.filter-avatar.active{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.filter-reset{margin-left:auto;font-size:.75rem;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;transition:all .12s}.filter-reset:hover{background:var(--border);color:var(--text)}.board-columns{display:flex;gap:14px;padding:16px 24px 20px;overflow-x:auto;flex:1;align-items:flex-start}.add-column{flex-shrink:0;width:270px}.add-column-btn{width:100%;padding:12px;background:#fff9;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.875rem;transition:all .12s}.add-column-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.add-column-form{background:var(--surface);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.add-column-form input{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;box-sizing:border-box}.add-column-actions{display:flex;gap:6px}.add-column-actions button{padding:6px 14px;border-radius:var(--radius);border:none;font-size:.8rem;font-weight:500}.add-column-actions button:first-child{background:var(--primary);color:#fff}.add-column-actions button.cancel{background:var(--border);color:var(--text)}.cv-wrap{display:flex;height:100vh;overflow:hidden;background:var(--bg);font-family:inherit}.cv-left{width:272px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.mini-cal{padding:14px 14px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.mini-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mini-cal-nav span{font-size:.85rem;font-weight:700;color:var(--text)}.mini-cal-nav button{background:none;border:none;font-size:1.05rem;color:var(--text-muted);cursor:pointer;padding:2px 7px;border-radius:4px;line-height:1}.mini-cal-nav button:hover{background:var(--bg);color:var(--text)}.mini-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.mini-cal-dow span{text-align:center;font-size:.62rem;font-weight:700;color:var(--text-muted);padding:2px 0}.mini-cal-dow .sun{color:#ef4444}.mini-cal-dow .sat{color:#3b82f6}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.cday{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.73rem;background:none;border:none;border-radius:50%;cursor:pointer;color:var(--text);transition:background .1s;position:relative;gap:1px}.cday:hover{background:var(--bg)}.cday.sun{color:#ef4444}.cday.sat{color:#3b82f6}.cday.today{font-weight:800;color:var(--primary)}.cday.sel{background:var(--primary)!important;color:#fff!important;font-weight:700}.cday-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.cday.sel .cday-dot{background:#fff!important}.cv-board-title{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);font-size:.82rem;font-weight:700;color:var(--text);flex-shrink:0}.cv-board-icon{font-size:1rem}.cv-columns-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.cv-panel-header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px 6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);flex-shrink:0}.cv-badge{background:var(--primary);color:#fff;font-size:.62rem;padding:1px 6px;border-radius:8px}.cv-drop-target{height:0;transition:height .12s,background .12s}.cv-drop-target.drag-over{height:36px;background:#eff6ff;margin:0 10px;border-radius:var(--radius)}.cv-col-list{flex:1;overflow-y:auto;padding:0 0 12px}.cv-col-group{margin-bottom:2px}.cv-col-header{display:flex;align-items:center;gap:6px;width:100%;padding:6px 12px;background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;font-size:.78rem;color:var(--text);transition:background .1s}.cv-col-header:hover{background:var(--bg)}.cv-col-arrow{font-size:.6rem;color:var(--text-muted);width:10px}.cv-col-name{flex:1;font-weight:600}.cv-col-count{font-size:.65rem;background:var(--bg);color:var(--text-muted);padding:1px 5px;border-radius:8px;font-weight:600}.cv-col-cards{padding:2px 8px 4px 22px;display:flex;flex-direction:column;gap:3px}.cv-card{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .12s,transform .1s}.cv-card:hover{box-shadow:var(--shadow-md);transform:translate(2px)}.cv-card.dragging{box-shadow:0 8px 24px #0000002e;opacity:.92}.cv-card-bar{width:3px;align-self:stretch;flex-shrink:0}.cv-card-body{flex:1;padding:5px 7px;min-width:0}.cv-card-title{display:block;font-size:.75rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-card-meta{display:flex;align-items:center;gap:5px;margin-top:2px}.cv-card-pri{font-size:.62rem;font-weight:700}.cv-card-date{font-size:.62rem;color:var(--text-muted)}.cv-card-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.5rem;font-weight:700;flex-shrink:0;margin-right:6px}.cv-col-empty{font-size:.72rem;color:var(--text-muted);text-align:center;padding:6px 0}.cv-timeline{flex:1;display:flex;flex-direction:column;overflow:hidden}.cv-tl-header{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.cv-tl-title{display:flex;align-items:center;gap:10px}.cv-tl-title h2{font-size:1.05rem;font-weight:700;color:var(--text)}.cv-today-tag{background:var(--primary);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px}.cv-holiday-tag{font-size:.65rem;font-weight:700;padding:2px 9px;border-radius:10px;border:1px solid;white-space:nowrap}.cv-user{display:flex;align-items:center;gap:7px}.cv-user-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;font-weight:700}.cv-user span:last-child{font-size:.82rem;font-weight:500;color:var(--text)}.cv-tl-body{flex:1;overflow-y:auto;padding:0 20px 24px;position:relative}.cv-now{position:absolute;left:20px;right:20px;display:flex;align-items:center;z-index:10;pointer-events:none}.cv-now-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;flex-shrink:0;margin-left:72px}.cv-now-line{flex:1;height:2px;background:#ef4444}.cv-now-time{font-size:.62rem;color:#ef4444;font-weight:700;white-space:nowrap;margin-left:5px}.cv-hour-row{display:flex;align-items:stretch;min-height:88px;border-bottom:1px solid var(--border)}.cv-hour-row:first-child{border-top:1px solid var(--border);margin-top:12px}.cv-hour-label{width:72px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;padding:10px 10px 0 0;gap:4px}.cv-hour-label span{font-size:.7rem;font-weight:600;color:var(--text-muted)}.cv-hour-tick{width:8px;height:1px;background:var(--border);align-self:flex-end}.cv-slot{flex:1;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;border-left:2px solid var(--border);transition:background .15s,border-color .15s;align-content:flex-start;min-height:88px;position:relative}.cv-slot.drag-over{background:#eff6ff;border-left-color:var(--primary);border-left-width:3px}.cv-slot-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:12px;pointer-events:none}.cv-slot-empty span{font-size:.72rem;color:#94a3b8;font-weight:500}.cv-slot{cursor:pointer}.cv-slot.drag-over{cursor:copy}.drag-over-col{background:#f0fdf4!important}.cv-cards-overlay{position:absolute;top:12px;left:94px;right:20px;pointer-events:none;z-index:3}.cv-tcard-abs{position:absolute;left:6px;right:6px;background:var(--surface);border:1px solid var(--border);border-top:3px solid;border-radius:var(--radius);padding:6px 8px 18px;cursor:pointer;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px;overflow:hidden;pointer-events:auto;transition:box-shadow .12s;-webkit-user-select:none;user-select:none}.cv-tcard-abs:hover{box-shadow:var(--shadow-md)}.cv-tcard-abs.is-resizing{box-shadow:0 8px 24px #0000002e;cursor:ns-resize}.cv-tcard-head{display:flex;align-items:center;justify-content:space-between}.cv-tcard-time{font-size:.65rem;font-weight:700;color:var(--primary)}.cv-tcard-col{font-size:.62rem;font-weight:600}.cv-tcard-title{font-size:.82rem;font-weight:600;color:var(--text);line-height:1.35}.cv-tcard-footer{display:flex;align-items:center;gap:5px;margin-top:2px}.cv-tcard-avatar{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.45rem;font-weight:700}.cv-tcard-assignee{font-size:.65rem;color:var(--text-muted)}.cv-dur-badge{position:absolute;bottom:18px;right:8px;background:#000000a6;color:#fff;font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:4px;pointer-events:none}.cv-resize-handle{position:absolute;bottom:0;left:0;right:0;height:14px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;border-radius:0 0 var(--radius) var(--radius)}.cv-resize-handle:after{content:"";width:28px;height:3px;border-radius:2px;background:#0000001f;display:block;transition:background .12s}.cv-tcard-abs:hover .cv-resize-handle:after{background:#00000047}.cv-day-split{display:flex;flex:1;overflow:hidden}.cv-day-split .cv-tl-body{flex-grow:0!important;flex-shrink:0!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cv-day-split .cv-tl-body::-webkit-scrollbar{width:4px}.cv-day-split .cv-tl-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cv-splitter{width:14px;flex-shrink:0;cursor:col-resize;background:var(--border);display:flex;align-items:center;justify-content:center;transition:background .15s;-webkit-user-select:none;user-select:none}.cv-splitter:hover{background:#c7d2e0}.cv-splitter:active{background:var(--primary)}.cv-splitter-handle{font-size:.85rem;color:var(--text-muted);letter-spacing:-2px;pointer-events:none}.cv-day-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border)}.cv-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);padding:40px 20px;text-align:center}.cv-panel-empty span{font-size:2rem}.cv-panel-empty p{font-size:.82rem;line-height:1.6}.cv-card-detail{display:flex;flex-direction:column;gap:10px;padding:16px}.cv-cd-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cv-cd-title{flex:1;font-size:.95rem;font-weight:700;color:var(--text);border:none;border-bottom:2px solid transparent;background:transparent;padding:2px 0;outline:none}.cv-cd-title:focus{border-bottom-color:var(--primary)}.cv-cd-close{background:none;border:none;color:var(--text-muted);font-size:.8rem;width:24px;height:24px;border-radius:4px;cursor:pointer;transition:background .12s;flex-shrink:0}.cv-cd-close:hover{background:var(--bg);color:var(--text)}.cv-cd-section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:4px}.cv-cd-priority-row{display:flex;gap:6px;flex-wrap:wrap}.cv-cd-pri-btn{padding:4px 12px;border-radius:20px;border:1.5px solid;font-size:.75rem;font-weight:600;cursor:pointer;background:transparent;transition:all .12s}.cv-cd-pri-btn:hover{opacity:.8}.cv-cd-select,.cv-cd-input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.82rem}.cv-cd-select:focus,.cv-cd-input:focus{outline:none;border-color:var(--primary)}.cv-cd-textarea{width:100%;padding:8px 10px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.82rem;line-height:1.5}.cv-cd-textarea:focus{outline:none;border-color:var(--primary)}.cv-cd-col-tag{display:inline-block;padding:3px 10px;border-radius:10px;font-size:.75rem;font-weight:600}.cv-cd-open-btn{margin-top:8px;padding:8px;width:100%;border:1.5px dashed var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.cv-cd-open-btn:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.cv-dp-section{display:flex;flex-direction:column;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.cv-dp-section:last-child{border-bottom:none}.cv-dp-cards-section{flex:1;overflow:hidden;background:var(--bg)}.cv-dp-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.cv-dp-saved{font-size:.65rem;color:#22c55e;font-weight:700;letter-spacing:0}.cv-dp-saving{font-size:.65rem;color:var(--text-muted);letter-spacing:0}.cv-dp-count{background:var(--primary);color:#fff;font-size:.6rem;padding:1px 6px;border-radius:8px;font-weight:700;letter-spacing:0}.cv-dp-textarea{width:100%;min-height:140px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:.82rem;line-height:1.6;color:var(--text);background:var(--bg);transition:border-color .15s}.cv-dp-textarea:focus{border-color:var(--primary);outline:none;background:#fff}.cv-dp-textarea::placeholder{color:#cbd5e1}.cv-dp-card-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.cv-dp-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);padding:10px 12px;cursor:pointer;box-shadow:var(--shadow);transition:box-shadow .12s,transform .1s}.cv-dp-card:hover{box-shadow:var(--shadow-md);transform:translate(2px)}.cv-dp-card-time{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;color:var(--primary);margin-bottom:4px}.cv-dp-card-dur{font-size:.62rem;color:var(--text-muted);background:var(--bg);padding:1px 5px;border-radius:4px;font-weight:500}.cv-dp-card-title{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:6px;line-height:1.35}.cv-dp-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cv-dp-col-tag{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:10px}.cv-dp-pri{font-size:.65rem;font-weight:700}.cv-dp-assignee{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-muted);margin-left:auto}.cv-dp-av{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.45rem;font-weight:700;flex-shrink:0}.cv-dp-card-desc{margin-top:6px;font-size:.75rem;color:var(--text-muted);line-height:1.5;white-space:pre-wrap;border-top:1px solid var(--border);padding-top:6px}.cv-dp-empty{font-size:.78rem;color:var(--text-muted);text-align:center;padding:20px 0}.cv-card.overdue{border-color:#fca5a5;background:#fff5f5}.cv-card-date.overdue{color:#ef4444!important;font-weight:700}.view-toggle{display:flex;gap:2px;background:var(--bg);padding:3px;border-radius:8px;align-items:center}.view-toggle button{display:flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:6px;font-size:.78rem;font-weight:500;color:var(--text-muted);background:transparent;transition:all .15s;cursor:pointer}.cv-mode-sep{width:1px;height:18px;background:var(--border);margin:0 3px}.cv-week-nav-btn{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;padding:2px 8px;border-radius:4px;line-height:1}.cv-week-nav-btn:hover{background:var(--bg);color:var(--text)}.cv-week-outer{flex:1;display:flex;flex-direction:column;overflow:hidden}.cv-week-header{display:grid;grid-template-columns:72px repeat(7,1fr);border-bottom:2px solid var(--border);background:var(--surface);flex-shrink:0}.cv-week-time-gap{border-right:1px solid var(--border)}.cv-week-day-hd{display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:4px;border-left:1px solid var(--border);cursor:pointer;transition:background .1s}.cv-week-day-hd:hover{background:var(--bg)}.cv-week-day-hd.today{background:#eff6ff}.cv-week-dow{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.cv-week-dd{font-size:1.1rem;font-weight:700;color:var(--text);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cv-week-dd.today{background:var(--primary);color:#fff}.cv-week-day-badge{font-size:.6rem;background:var(--primary);color:#fff;padding:1px 5px;border-radius:8px;font-weight:700}.cv-week-holiday-name{font-size:.6rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cv-week-body{flex:1;overflow-y:auto;display:flex;flex-direction:row}.cv-week-time-col{width:64px;flex-shrink:0;border-right:1px solid var(--border)}.cv-week-time-slot{display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 8px 0 0;border-bottom:1px solid var(--border);font-size:.65rem;font-weight:600;color:var(--text-muted);box-sizing:border-box}.cv-week-days{flex:1;display:flex;min-width:0}.cv-week-day-col{flex:1;position:relative;border-left:1px solid var(--border);min-width:0}.cv-week-day-col.today-col{background:#fafcff}.cv-week-hour-line{border-bottom:1px solid var(--border);cursor:pointer;position:relative;transition:background .1s;box-sizing:border-box}.cv-week-hour-line:hover{background:#eff6ff}.cv-week-hour-line.drag-over{background:#eff6ff;border-bottom-color:var(--primary)}.cv-week-hour-add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#94a3b8;font-size:1.1rem;font-weight:300;opacity:0;transition:opacity .12s;pointer-events:none}.cv-week-hour-line:hover .cv-week-hour-add{opacity:1}.cv-week-card-abs{position:absolute;left:2px;right:2px;background:var(--surface);border:1px solid var(--border);border-top:3px solid;border-radius:4px;padding:3px 6px 10px;cursor:pointer;overflow:hidden;box-shadow:var(--shadow);z-index:1;display:flex;flex-direction:column;gap:1px;min-height:24px;transition:box-shadow .1s}.cv-week-card-abs:hover{box-shadow:var(--shadow-md);z-index:2}.cv-week-card-abs.is-resizing{box-shadow:0 4px 16px #3b82f633}.cv-week-card-time{font-size:.58rem;font-weight:700;color:var(--primary)}.cv-week-card-title{font-size:.7rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-week-row,.cv-week-cell{display:none}.cv-month-grid{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:12px}.cv-month-dow{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border);margin-bottom:4px}.cv-month-dow span{text-align:center;padding:6px 0;font-size:.72rem;font-weight:700;color:var(--text-muted)}.cv-month-dow span.sun{color:#ef4444}.cv-month-dow span.sat{color:#3b82f6}.cv-month-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex:1}.cv-month-cell{min-height:90px;padding:6px;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background .1s;display:flex;flex-direction:column;gap:2px;background:var(--surface)}.cv-month-cell:hover{background:#eff6ff}.cv-month-cell.empty{background:transparent;border-color:transparent;cursor:default}.cv-month-cell.today{background:#eff6ff;border-color:var(--primary)}.cv-month-cell.sun .cv-month-day{color:#ef4444}.cv-month-cell.sat .cv-month-day{color:#3b82f6}.cv-month-day{font-size:.78rem;font-weight:700;color:var(--text);margin-bottom:1px}.cv-month-holiday{font-size:.6rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.cv-month-cell.today .cv-month-day{background:var(--primary);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cv-month-chip{font-size:.68rem;font-weight:500;color:var(--text);background:var(--bg);border-left:3px solid #3b82f6;padding:2px 5px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cv-month-chip:hover{background:#dbeafe}.cv-month-more{font-size:.65rem;color:var(--text-muted);padding:1px 4px}.sv-wrap{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg)}.sv-header{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.sv-header-left{display:flex;align-items:center;gap:12px}.sv-header-left h2{font-size:1.05rem;font-weight:700;color:var(--text)}.sv-board-name{font-size:.78rem;color:var(--text-muted);background:var(--bg);padding:2px 8px;border-radius:10px}.view-toggle{display:flex;gap:2px;background:var(--bg);padding:3px;border-radius:8px}.view-toggle button{display:flex;align-items:center;gap:5px;padding:5px 12px;border:none;border-radius:6px;font-size:.78rem;font-weight:500;color:var(--text-muted);background:transparent;transition:all .15s;cursor:pointer}.view-toggle button:hover{background:var(--surface);color:var(--text)}.view-toggle button.active{background:var(--surface);color:var(--primary);font-weight:700;box-shadow:var(--shadow)}.sv-body{flex:1;overflow-y:auto;padding:24px}.sv-kpi-row{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.sv-kpi{flex:1;min-width:120px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow)}.sv-kpi-val{font-size:2rem;font-weight:800;color:var(--text);line-height:1.1}.sv-kpi-lbl{font-size:.72rem;color:var(--text-muted);margin-top:4px;font-weight:500}.sv-kpi-danger{border-left:3px solid #ef4444}.sv-kpi-danger .sv-kpi-val{color:#ef4444}.sv-kpi-warn{border-left:3px solid #f59e0b}.sv-kpi-warn .sv-kpi-val{color:#f59e0b}.sv-kpi-ok{border-left:3px solid #22c55e}.sv-kpi-ok .sv-kpi-val{color:#22c55e}.sv-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sv-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.sv-section-wide{grid-column:1 / -1}.sv-section-title{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.sv-bars{display:flex;flex-direction:column;gap:10px}.sv-bar-row{display:flex;align-items:center;gap:8px}.sv-bar-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.5rem;font-weight:700;flex-shrink:0}.sv-bar-label{width:70px;font-size:.75rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.sv-bar-track{flex:1;height:12px;background:var(--bg);border-radius:6px;overflow:hidden}.sv-bar-fill{height:100%;border-radius:6px;transition:width .5s ease;min-width:4px}.sv-bar-count{width:26px;text-align:right;font-size:.72rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.sv-empty{font-size:.75rem;color:var(--text-muted);text-align:center;padding:10px 0}.sv-day-bars{display:flex;gap:8px;align-items:flex-end;height:120px;padding-bottom:30px;position:relative}.sv-day-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.sv-day-col.today .sv-day-label{color:var(--primary);font-weight:700}.sv-day-col.today .sv-day-bar{outline:2px solid var(--primary);outline-offset:1px}.sv-day-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;background:var(--bg);border-radius:4px 4px 0 0;overflow:hidden}.sv-day-bar{width:100%;background:var(--primary);border-radius:4px 4px 0 0;min-height:4px;transition:height .4s ease}.sv-day-count{position:absolute;top:-20px;font-size:.68rem;font-weight:700;color:var(--text-muted)}.sv-day-label{font-size:.6rem;color:var(--text-muted);white-space:nowrap;margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--surface);border-radius:12px;width:95%;max-width:1050px;max-height:98vh;min-width:520px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040;resize:both}.modal-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0;cursor:grab;-webkit-user-select:none;user-select:none}.modal-header:active{cursor:grabbing}.modal-title-input{flex:1;font-size:1.1rem;font-weight:600;border:none;background:transparent;color:var(--text);padding:3px 0;border-bottom:2px solid transparent;transition:border-color .15s}.modal-title-input:focus{outline:none;border-bottom-color:var(--primary)}.modal-header-actions{display:flex;gap:8px;align-items:center}.save-btn{padding:6px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:500}.save-btn:hover{background:var(--primary-hover)}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;width:30px;height:30px;border-radius:var(--radius);transition:background .12s}.close-btn:hover{background:var(--bg);color:var(--text)}.modal-body{display:flex;flex:1;overflow:hidden}.modal-left{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--border)}.modal-right{width:300px;padding:20px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;flex-shrink:0;background:#f8fafc}section label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:7px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.section-header label{margin-bottom:0}.checklist-summary{font-size:.72rem;font-weight:700;color:var(--primary);background:#eff6ff;padding:2px 8px;border-radius:10px}.description-textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;font-size:.875rem;color:var(--text);background:var(--surface);line-height:1.5;box-sizing:border-box}.description-textarea:focus{outline:none;border-color:var(--primary)}.checklist-progress{display:flex;align-items:center;gap:8px;margin-bottom:10px}.checklist-track{flex:1;height:5px;background:#e2e8f0;border-radius:3px;overflow:hidden}.checklist-fill{height:100%;border-radius:3px;transition:width .25s}.checklist-progress span{font-size:.72rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.checklist-items{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.checklist-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:#f8fafc;border:1px solid var(--border)}.checklist-item.done .checklist-text{text-decoration:line-through;color:var(--text-muted)}.checklist-item input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.checklist-text{flex:1;font-size:.85rem;color:var(--text)}.checklist-del{background:none;border:none;color:#cbd5e1;font-size:.65rem;padding:1px 4px;border-radius:3px;cursor:pointer;opacity:0;transition:all .12s}.checklist-item:hover .checklist-del{opacity:1}.checklist-del:hover{background:#fee2e2;color:var(--danger)}.checklist-add{display:flex;gap:6px}.checklist-add input{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;background:var(--surface);color:var(--text)}.checklist-add input:focus{outline:none;border-color:var(--primary)}.checklist-add button{padding:7px 12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.82rem;font-weight:500;white-space:nowrap}.checklist-add button:disabled{opacity:.4;cursor:not-allowed}.priority-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.priority-btn{padding:6px 8px;border-radius:var(--radius);border:2px solid transparent;font-size:.78rem;font-weight:700;background:transparent;transition:all .12s}.priority-btn:hover{opacity:.8}.field-select,.field-input{width:100%;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.85rem}.assignee-display{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.875rem;color:var(--text)}.clear-btn{margin-top:5px;font-size:.75rem;color:var(--text-muted);background:none;border:none;text-decoration:underline;padding:0;cursor:pointer}.tags-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px;min-height:4px}.tag-chip{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:10px;border:1px solid}.tag-chip button{background:none;border:none;cursor:pointer;font-size:.65rem;padding:0;line-height:1;color:inherit;opacity:.6}.tag-chip button:hover{opacity:1}.tag-input-area{display:flex;flex-direction:column;gap:6px;background:var(--bg);border-radius:var(--radius);padding:8px;border:1px solid var(--border)}.tag-input-area input{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;background:var(--surface);color:var(--text)}.tag-input-area input:focus{outline:none;border-color:var(--primary)}.tag-color-row{display:flex;gap:5px;flex-wrap:wrap}.tag-color-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s}.tag-color-dot:hover{transform:scale(1.15)}.tag-color-dot.selected{border-color:#1e293b;transform:scale(1.15)}.tag-input-actions{display:flex;gap:5px}.tag-input-actions button{padding:5px 12px;border:none;border-radius:var(--radius);font-size:.8rem;font-weight:500;cursor:pointer}.tag-input-actions button:first-child{background:var(--primary);color:#fff}.tag-input-actions button:first-child:disabled{opacity:.4;cursor:not-allowed}.tag-input-actions button.cancel{background:var(--border);color:var(--text)}.add-tag-btn{font-size:.78rem;color:var(--primary);background:none;border:1px dashed var(--primary);border-radius:var(--radius);padding:4px 10px;cursor:pointer;width:100%;transition:background .12s}.add-tag-btn:hover{background:#eff6ff}.meta-text{font-size:.875rem;color:var(--text-muted)}.delete-card-btn{width:100%;padding:8px;background:#fee2e2;color:var(--danger);border:none;border-radius:var(--radius);font-size:.85rem;font-weight:500;transition:background .12s;cursor:pointer}.delete-card-btn:hover{background:var(--danger);color:#fff}.comments-section{display:flex;flex-direction:column;gap:10px}.comments-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.comment{display:flex;gap:8px;align-items:flex-start}.anon-avatar{width:28px;height:28px;border-radius:50%;background:#94a3b8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.comment-body{flex:1;background:#f8fafc;border-radius:var(--radius);padding:8px 10px}.comment-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.comment-author{font-size:.78rem;font-weight:600;color:var(--text)}.comment-date{font-size:.7rem;color:var(--text-muted);flex:1}.comment-delete{background:none;border:none;color:#cbd5e1;font-size:.65rem;padding:1px 4px;border-radius:3px;opacity:0;transition:all .12s;cursor:pointer}.comment:hover .comment-delete{opacity:1}.comment-delete:hover{background:#fee2e2;color:var(--danger)}.comment-content{font-size:.85rem;color:var(--text);line-height:1.4}.no-comments{font-size:.85rem;color:var(--text-muted);text-align:center;padding:14px 0}.comment-input-area{display:flex;flex-direction:column;gap:6px}.comment-author-select{padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.8rem;width:100%}.comment-input-row{display:flex;gap:7px;align-items:flex-end}.comment-input-row textarea{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);resize:none;font-size:.875rem;background:var(--surface);color:var(--text)}.comment-input-row textarea:focus{outline:none;border-color:var(--primary)}.comment-input-row button{padding:8px 14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:500;white-space:nowrap;cursor:pointer}.comment-input-row button:disabled{opacity:.45;cursor:not-allowed}.reaction-bar{display:flex;gap:6px;padding:8px 20px 0;flex-wrap:wrap}.reaction-btn{display:flex;align-items:center;gap:3px;padding:4px 8px;border-radius:20px;border:1px solid var(--border);background:var(--bg);font-size:.95rem;cursor:pointer;transition:all .12s;color:var(--text)}.reaction-btn:hover{background:#e0e7ef;border-color:#94a3b8}.reaction-btn.active{background:#dbeafe;border-color:#3b82f6}.reaction-count{font-size:.75rem;font-weight:600;color:#475569}.mention-highlight{color:#3b82f6;font-weight:600}.mention-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;min-width:180px;overflow:hidden}.mention-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:.85rem;color:#1e293b}.mention-item:hover{background:#f1f5f9}.mention-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.team-modal{background:var(--surface);border-radius:12px;width:100%;max-width:480px;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.team-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.team-modal-header h2{font-size:1.05rem;font-weight:700}.team-modal-body{display:flex;flex-direction:column;gap:20px;padding:20px;overflow-y:auto}.add-user-section{display:flex;flex-direction:column;gap:8px;background:#f8fafc;padding:16px;border-radius:var(--radius)}.add-user-section h3,.user-list-section h3{font-size:.875rem;font-weight:600;margin-bottom:4px}.add-user-section input{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--surface)}.color-row{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-muted)}.color-dots{display:flex;gap:6px;flex-wrap:wrap}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:0;transition:transform .12s}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:var(--text)}.add-user-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;align-self:flex-start;transition:background .12s}.add-user-btn:hover{background:var(--primary-hover)}.add-user-btn:disabled{opacity:.45;cursor:not-allowed}.user-list-section{display:flex;flex-direction:column;gap:6px}.user-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.78rem;font-weight:700;flex-shrink:0}.user-info{flex:1;display:flex;flex-direction:column;gap:2px}.user-name{font-size:.875rem;font-weight:600}.user-email{font-size:.75rem;color:var(--text-muted)}.delete-user-btn{padding:5px 10px;background:none;border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem;color:var(--text-muted);transition:all .12s}.delete-user-btn:hover{background:#fee2e2;border-color:var(--danger);color:var(--danger)}.no-users{font-size:.875rem;color:var(--text-muted);text-align:center;padding:16px 0}.user-order-btns{display:flex;flex-direction:column;gap:1px}.order-btn{background:none;border:none;color:#94a3b8;font-size:.55rem;padding:1px 4px;cursor:pointer;border-radius:3px;line-height:1;transition:all .1s}.order-btn:hover:not(:disabled){background:#334155;color:#f1f5f9}.order-btn:disabled{opacity:.25;cursor:not-allowed}.edit-user-btn{padding:5px 10px;background:none;border:1px solid var(--border);border-radius:var(--radius);font-size:.75rem;color:var(--text-muted);transition:all .12s}.edit-user-btn:hover{background:#eff6ff;border-color:var(--primary);color:var(--primary)}.user-item.editing{flex-direction:column;align-items:stretch;padding:12px;background:#f8fafc}.user-edit-form{display:flex;gap:10px;align-items:flex-start}.user-edit-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.78rem;font-weight:700;flex-shrink:0;margin-top:2px}.user-edit-fields{flex:1;display:flex;flex-direction:column;gap:6px}.user-edit-fields input{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;background:var(--surface)}.user-edit-actions{display:flex;gap:6px}.save-user-btn{padding:6px 14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.82rem;font-weight:500;transition:background .12s}.save-user-btn:hover{background:var(--primary-hover)}.save-user-btn:disabled{opacity:.45;cursor:not-allowed}.cancel-edit-btn{padding:6px 12px;background:none;border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;color:var(--text-muted);transition:all .12s}.cancel-edit-btn:hover{background:#f1f5f9}