:root{--topbar-h: 58px}.topbar{position:sticky;top:0;z-index:300;height:var(--topbar-h);display:flex;align-items:center;gap:14px;padding:0 16px;background:#20232b;color:#fff;box-shadow:0 1px 8px #14161b59}.topbar-logo{display:flex;align-items:center;gap:9px;background:transparent;border:none;color:#fff;padding:0}.topbar-logo-mark{width:30px;height:30px;border-radius:9px;background:var(--brand-grad);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;box-shadow:0 4px 14px #6363e980;animation:pulseRing 2.4s ease-out infinite}.topbar-logo-name{font-weight:800;font-size:15px;letter-spacing:.3px}.top-menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:none;background:transparent;color:#cfd2da;font-size:20px;line-height:1;border-radius:9px;transition:background .15s}.top-menu-btn:hover{background:#3a3e46}.nav-scrim{position:fixed;inset:var(--topbar-h, 58px) 0 0 0;z-index:200;background:#0f172a73;animation:fadeIn .18s ease}.top-search{position:relative;flex:1;max-width:520px;margin:0 auto;display:flex;align-items:center;background:#3a3e46;border:1px solid #474c56;border-radius:9px;padding:0 10px;transition:border-color .2s,background .2s}.top-search:focus-within{border-color:#7c78ee;background:#303641;box-shadow:0 0 0 3px #7c78ee29}.top-search-icon{font-size:13px;color:#9a9ea8;margin-right:8px}.top-search-icon.spin{display:inline-block;animation:spinSlow .8s linear infinite}.top-search-input{flex:1;background:transparent;border:none;color:#fff;font-size:13.5px;padding:9px 0}.top-search-input::placeholder{color:#9a9ea8}.top-search-kbd{font-size:10.5px;color:#9a9ea8;border:1px solid #5c6270;border-radius:5px;padding:1px 6px;margin-left:6px}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 12px 36px #00000047;padding:8px;max-height:460px;overflow-y:auto;z-index:400}.search-hint{padding:14px;color:var(--text-secondary);font-size:13px;text-align:center}.search-section-label{font-size:10.5px;font-weight:700;letter-spacing:.6px;color:var(--text-light);padding:8px 10px 4px}.search-result{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;padding:9px 10px;border-radius:8px;text-align:left;transition:background .12s}.search-result:hover{background:#eef0f7}.sr-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.sr-ico{width:20px;text-align:center;flex-shrink:0}.sr-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;flex-shrink:0}.sr-main{flex:1;min-width:0;display:flex;flex-direction:column}.sr-name{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-sub{font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-go{color:var(--text-light)}.topbar-actions{display:flex;align-items:center;gap:6px}.top-btn{position:relative;width:36px;height:36px;border-radius:9px;border:none;background:transparent;color:#cfd2da;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s}.top-btn:hover{background:#3a3e46}.badge-dot{position:absolute;top:2px;right:0;min-width:17px;height:17px;border-radius:10px;background:#ff4747;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #2c2f36}.top-account-wrap{position:relative}.top-avatar{position:relative;width:36px;height:36px;border-radius:50%;border:none;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #ffffff2e}.top-avatar.dnd{filter:saturate(.55)}.dnd-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:#ff642e;border:2px solid #2c2f36}.top-drop-panel{position:absolute;top:calc(100% + 8px);background:#fff;border-radius:12px;box-shadow:0 14px 40px #00000042;z-index:450;color:var(--text-primary);overflow:hidden}.account-menu{right:0;width:280px}.account-head{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#6363e9,#3a67ff);color:#fff}.account-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border:2px solid rgba(255,255,255,.4)}.account-head-info{display:flex;flex-direction:column;min-width:0}.account-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-org{font-size:11.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-rows{padding:8px;max-height:320px;overflow-y:auto}.account-row{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;padding:9px 10px;border-radius:8px;font-size:13.5px;color:var(--text-primary);transition:background .12s}.account-row:hover{background:#eef0f7}.account-row.logout{color:#e2574c}.account-row-ico{width:22px;text-align:center}.account-status{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);font-size:12.5px;font-weight:600;background:#fafbfd}.dnd-switch{width:36px;height:20px;border-radius:12px;border:none;background:#c4c8d0;position:relative;transition:background .2s;margin-left:auto}.dnd-switch.on{background:#6363e9}.dnd-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}.dnd-switch.on .dnd-knob{left:18px}.dnd-label{font-weight:500}.notify-panel{right:0;width:340px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.panel-head h4{font-size:14px;font-weight:700}.panel-link{border:none;background:none;color:var(--monday-purple);font-size:12px;font-weight:600;cursor:pointer}.panel-note{font-size:11.5px;color:var(--text-secondary);font-weight:500}.panel-empty{padding:26px;text-align:center;color:var(--text-secondary);font-size:13px}.notify-list{max-height:380px;overflow-y:auto;padding:6px}.notify-item{display:flex;gap:10px;padding:10px;border-radius:9px}.notify-item.unread{background:#f0f1ff}.notify-item+.notify-item{border-top:1px solid var(--border)}.notify-ico{width:30px;height:30px;border-radius:8px;background:#eef0f7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notify-body p{font-size:13px;color:var(--text-primary);margin-bottom:2px}.notify-time{font-size:11px;color:var(--text-light)}@media (max-width: 760px){.topbar{gap:6px;padding:0 8px}.topbar-logo-name,.top-search-kbd{display:none}.top-menu-btn{display:flex}.top-btn-invite{display:none}.top-search{max-width:none;margin:0 4px}.top-search-input{font-size:13px}.notify-panel,.account-menu,.launcher{position:fixed;top:calc(var(--topbar-h) + 8px);right:10px;left:10px;width:auto}.launcher-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 400px){.top-search{display:none}}.launcher{right:0;width:420px}.launcher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px}.launcher-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:background .12s,transform .2s var(--ease-spring)}.launcher-cell:hover{background:#eef0f7;transform:translateY(-2px)}.launcher-ico{font-size:22px}.launcher-label{font-size:11.5px;font-weight:600;color:var(--text-primary);text-align:center}.launcher-stub{position:absolute;top:6px;right:6px;font-size:8.5px;text-transform:uppercase;letter-spacing:.3px;background:#ffe9d6;color:#d97b1f;padding:1px 5px;border-radius:8px;font-weight:700}.profile-show{display:flex;gap:16px;align-items:center;margin-bottom:18px}.profile-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:700}.profile-fields{flex:1;display:flex;flex-direction:column;gap:6px}.profile-field{display:flex;justify-content:space-between;font-size:13px}.profile-field span{color:var(--text-secondary)}.profile-prefs{border-top:1px solid var(--border)}.profile-pref{display:flex;align-items:center;justify-content:space-between;padding:12px 2px}.profile-pref+.profile-pref{border-top:1px solid var(--border)}.profile-pref div{display:flex;flex-direction:column;gap:2px}.profile-pref b{font-size:13px}.profile-pref span:not(.pref-knob){font-size:11.5px;color:var(--text-secondary)}.pref-toggle{width:40px;height:22px;border-radius:12px;background:#c4c8d0;position:relative;transition:background .2s}.pref-toggle.on{background:#23d160}.pref-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}.pref-toggle.on .pref-knob{left:20px}.app-footer{background:var(--sidebar-bg);color:#9aa0ab;border-top:1px solid #3a3f48}:root[data-theme=dark] .app-footer{border-top-color:#2c313b}.app-footer-inner{max-width:1180px;margin:0 auto;padding:22px 24px 24px;display:flex;flex-direction:column;gap:12px}.app-footer-brand{display:flex;align-items:center;gap:8px}.app-footer-mark{width:24px;height:24px;border-radius:7px;background:var(--brand-grad);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:#fff;letter-spacing:.4px}.app-footer-name{font-weight:800;font-size:13.5px;letter-spacing:.3px;color:#e6e8ed}.app-footer-tag{font-size:12.5px;color:#848a96;max-width:340px}.app-footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.app-footer-links a{color:#9aa0ab;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .15s}.app-footer-links a:hover{color:#fff;text-decoration:underline}.app-footer-copy{font-size:11.5px;color:#6f7683}@media (max-width: 480px){.app-footer-inner{padding:18px 16px 20px}.app-footer-links{gap:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--monday-purple: #4f46d8;--monday-blue: #2563eb;--monday-green: #23d160;--monday-orange: #ff642e;--monday-red: #ff4747;--monday-bg: #f4f6f8;--sidebar-bg: #20232b;--sidebar-hover: #2b303a;--card-bg: #ffffff;--border: #dfe3ea;--text-primary: #20232b;--text-secondary: #667085;--text-light: #98a2b3;--brand-grad: linear-gradient(135deg, #4f46d8, #2563eb);--focus-ring: 0 0 0 3px rgba(79, 70, 216, .2);--surface-muted: #f4f5f8;--surface-accent: #f7f5ff}body{font-family:Avenir Next,Segoe UI,sans-serif;background:var(--monday-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--text-secondary)}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--monday-purple);outline-offset:2px;box-shadow:var(--focus-ring)}input,textarea,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4c8d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a5a9b4}:root[data-theme=dark]{--monday-bg: #1c1f26;--card-bg: #262b34;--border: #363c48;--sidebar-bg: #16181e;--sidebar-hover: #232833;--text-primary: #e8eaf0;--text-secondary: #a5abb8;--text-light: #6f7684;--surface-muted: #303641;--surface-accent: #292638}:root[data-theme=dark] body{background:var(--monday-bg);color:var(--text-primary)}:root[data-theme=dark] .skeleton{background:#30363f}:root[data-theme=dark] .top-drop-panel,:root[data-theme=dark] .search-dropdown,:root[data-theme=dark] .item-drawer{background:#232833;color:var(--text-primary)}:root[data-theme=dark] .account-status{background:#1d2129;border-top-color:var(--border)}:root[data-theme=dark] .notify-item.unread{background:#6363e929}:root[data-theme=dark] .account-row:hover,:root[data-theme=dark] .launcher-cell:hover,:root[data-theme=dark] .search-result:hover{background:#2e3542}:root[data-theme=dark] .ai-panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .recent-board-card,:root[data-theme=dark] .home-section,:root[data-theme=dark] .module-page,:root[data-theme=dark] .modal,:root[data-theme=dark] .modal-card,:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group select,:root[data-theme=dark] .form-group textarea{background:var(--card-bg);color:var(--text-primary);border-color:var(--border)}:root[data-theme=dark] .ai-panel-header,:root[data-theme=dark] .ai-input-bar{border-color:var(--border)}:root[data-theme=dark] .ai-message.ai .ai-bubble,:root[data-theme=dark] .ai-row,:root[data-theme=dark] .ai-suggestion{color:var(--text-primary)}:root[data-theme=dark] .sidebar-search-box{background:#242933;border-color:#3a414d}:root[data-theme=dark] .board-card,:root[data-theme=dark] .create-card,:root[data-theme=dark] .project-select,:root[data-theme=dark] .btn-secondary{background:var(--card-bg);color:var(--text-primary)}:root[data-theme=dark] .lp{--lp-bg: #151821;--lp-surface: #1d222c;--lp-surface-2: #272d38;--lp-text: #f3f4f6;--lp-text-2: #c0c5d0;--lp-text-3: #929aaa;--lp-border: #343b48;--lp-border-strong: #4a5363;--lp-dark: #0d1016}:root[data-theme=dark] .lp .lp-nav,:root[data-theme=dark] .lp .lp-nav-mobile,:root[data-theme=dark] .lp .lp-btn-outline,:root[data-theme=dark] .lp .lp-btn-ghost,:root[data-theme=dark] .lp .lp-cap,:root[data-theme=dark] .lp .uc-window,:root[data-theme=dark] .lp .eco-node,:root[data-theme=dark] .lp .eco-connector,:root[data-theme=dark] .lp .lp-dash-card,:root[data-theme=dark] .lp .lp-sec,:root[data-theme=dark] .lp .lp-plan,:root[data-theme=dark] .lp .lp-quote,:root[data-theme=dark] .lp .uc-tab{background:var(--lp-surface);color:var(--lp-text)}:root[data-theme=dark] .lp .lp-footer{background:#11141b}:root{--speed-fast: .14s;--speed-base: .24s;--speed-slow: .48s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--brand-grad: linear-gradient(135deg, #6363e9 0%, #3a67ff 50%, #6a11cb 100%)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes riseSoft{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes pulseRing{0%{box-shadow:0 0 #6363e959}70%{box-shadow:0 0 0 12px #6363e900}to{box-shadow:0 0 #6363e900}}@keyframes liveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes confettiDrop{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:.2}}.animate-rise{animation:rise var(--speed-base) var(--ease-out) both}.animate-rise-soft{animation:riseSoft var(--speed-base) var(--ease-out) both}.animate-pop{animation:pop var(--speed-base) var(--ease-spring) both}.animate-floaty{animation:floaty 4s ease-in-out infinite}.animate-spin-slow{animation:spinSlow 1.4s linear infinite}.stagger>*{animation:rise var(--speed-base) var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:calc(var(--i, 0) * 0ms + 20ms)}.stagger>*:nth-child(2){animation-delay:calc(var(--i, 0) * 0ms + 70ms)}.stagger>*:nth-child(3){animation-delay:calc(var(--i, 0) * 0ms + .12s)}.stagger>*:nth-child(4){animation-delay:calc(var(--i, 0) * 0ms + .17s)}.stagger>*:nth-child(5){animation-delay:calc(var(--i, 0) * 0ms + .22s)}.stagger>*:nth-child(6){animation-delay:calc(var(--i, 0) * 0ms + .27s)}.stagger>*:nth-child(7){animation-delay:calc(var(--i, 0) * 0ms + .32s)}.stagger>*:nth-child(8){animation-delay:calc(var(--i, 0) * 0ms + .37s)}.stagger>*:nth-child(9){animation-delay:calc(var(--i, 0) * 0ms + .42s)}.stagger>*:nth-child(10){animation-delay:calc(var(--i, 0) * 0ms + .47s)}.hover-lift{transition:transform var(--speed-base) var(--ease-spring),box-shadow var(--speed-base) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 28px #2c2f3624}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--monday-green);display:inline-block;animation:liveDot 1.6s ease-in-out infinite}button:not(:disabled){transition:transform var(--speed-fast) var(--ease-out),filter var(--speed-fast) var(--ease-out),opacity var(--speed-fast) var(--ease-out)}button:not(:disabled):active{transform:scale(.97)}.skeleton{position:relative;overflow:hidden;background:#e6e8ed;border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);background-size:600px 100%;animation:shimmer 1.5s infinite linear}.skeleton-line{height:12px;border-radius:6px}.skeleton-block{height:160px;border-radius:12px}.skeleton-card{height:220px;border-radius:12px}.skeleton-row{height:44px;border-radius:8px}.brand-text{background:var(--brand-grad);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientShift 6s ease infinite}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:radial-gradient(circle at 50% 40%,#2c2f36,#1b1d22);transition:opacity .5s var(--ease-out),visibility .5s}.preloader.done{opacity:0;visibility:hidden;pointer-events:none}.preloader-logo{width:72px;height:72px;border-radius:20px;background:var(--brand-grad);background-size:200% 200%;animation:gradientShift 3s ease infinite;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:30px;box-shadow:0 0 40px #6363e98c}.preloader-logo span{animation:pop .9s var(--ease-spring) both;display:inline-block}.preloader-title{color:#fff;font-size:26px;font-weight:800;letter-spacing:.4px}.preloader-sub{color:#9a9ea8;font-size:13px;letter-spacing:.6px;margin-top:-14px}.preloader-bar{width:240px;height:5px;border-radius:3px;background:#ffffff24;overflow:hidden}.preloader-bar-fill{height:100%;border-radius:3px;background:var(--brand-grad);background-size:200% 200%;animation:gradientShift 2s ease infinite;transition:width .3s var(--ease-out)}.preloader-orb{position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;animation:floaty 6s ease-in-out infinite}.confetti-piece{position:fixed;top:0;width:10px;height:14px;z-index:50;pointer-events:none;animation:confettiDrop 3.2s ease-in forwards}
