*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7fc;--bg2:#ffffff;--bg3:#f0f3fa;--bgh:#e8ecf8;--ac:#4f7cff;--acl:#3060e0;--acd:rgba(79,124,255,.1);--ok:#16a34a;--warn:#d97706;--err:#dc2626;--t1:#111827;--t2:#4b5563;--t3:#6b7280;--bd:#d1d9ec;--bdl:#b0bcd0;--shadow:0 1px 4px rgba(0,0,0,.07),0 0 0 1px rgba(0,0,0,.04)}body{font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:var(--bg);color:var(--t1);min-height:100vh}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{background:var(--bg2);border-bottom:1px solid var(--bd);padding:0 20px;display:flex;align-items:center;gap:16px;height:52px;flex-shrink:0}.logo{font-size:16px;font-weight:700;color:var(--ac);letter-spacing:-.5px}.back-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--bd);background:transparent;color:var(--t2);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;flex-shrink:0}.back-btn:hover{color:var(--t1);border-color:var(--bdl);background:var(--bgh)}.logo span{color:var(--t1)}.nav-tabs{display:flex;gap:4px;flex:1}.nav-tab{padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--t2);border:none;background:none;transition:all .15s}.nav-tab.active{background:var(--acd);color:var(--ac);font-weight:600}.nav-tab:hover:not(.active){background:var(--bgh);color:var(--t1)}.ubadge{width:28px;height:28px;border-radius:50%;background:var(--ac);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.breadcrumb{display:flex;align-items:center;gap:4px;padding:7px 20px;background:var(--bg3);border-bottom:1px solid var(--bd);flex-shrink:0}.bc-btn{background:none;border:none;color:var(--ac);cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px;transition:background .15s}.bc-btn:hover{background:var(--acd);text-decoration:underline}.bc-sep{color:var(--t3);font-size:12px;padding:0 2px}.bc-cur{font-size:13px;color:var(--t1);font-weight:500;padding:2px 6px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-page{display:flex;flex-direction:column;height:calc(100vh - 52px);overflow:hidden}.cl-header{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0;flex-wrap:wrap}.cl-tabs{display:flex;gap:2px;background:var(--bg3);border-radius:8px;padding:3px;flex-shrink:0}.cl-filters{display:flex;gap:4px}.sort-sel{background:var(--bg3);border:1px solid var(--bd);border-radius:6px;padding:5px 8px;color:var(--t2);font-size:12px;outline:none;cursor:pointer}.cl-stats{display:flex;border-bottom:1px solid var(--bd);flex-shrink:0}.cs-item{flex:1;text-align:center;padding:8px 4px;border-right:1px solid var(--bd)}.cs-item:last-child{border-right:none}.cs-n{display:block;font-size:16px;font-weight:700;color:var(--ac)}.cs-l{display:block;font-size:10px;color:var(--t3);margin-top:1px}.cl-grid{flex:1;overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-content:start}.cl-card{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:14px;cursor:pointer;transition:all .2s;position:relative;border-left:3px solid var(--bd);box-shadow:var(--shadow)}.cl-card:hover{border-color:var(--ac);transform:translateY(-2px);box-shadow:0 4px 20px #4f7cff1f}.cl-card.dragging{opacity:.4;transform:none}.cl-card.drag-over{border-color:var(--ac);border-style:dashed}.cl-card.archived{opacity:.7}.cl-card.cat-SE技術{border-left-color:#7c3aed}.cl-card.cat-その他{border-left-color:var(--bd)}.clc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:6px}.clc-name{font-size:14px;font-weight:700;color:var(--t1);line-height:1.3}.clc-meta{font-size:11px;color:var(--t3);margin-bottom:3px}.clc-contact{font-size:12px;color:var(--t2);margin-bottom:2px}.clc-phone{font-size:11px;color:var(--t3);margin-bottom:2px}.clc-note{font-size:11px;color:var(--t3);margin-top:4px;padding:3px 6px;border-left:2px solid var(--bd);line-height:1.4;white-space:pre-wrap;word-break:break-all;max-height:40px;overflow:hidden}.clc-actions{margin-top:8px;display:flex;gap:6px;opacity:0;pointer-events:none;transition:opacity .15s}.cl-card:hover .clc-actions{opacity:1;pointer-events:auto}.cat-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700}.cat-badge.cat-SE技術{background:#7c3aed26;color:#a78bfa}.cat-badge.cat-その他{background:#4a556833;color:var(--t2)}.se-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;background:#7c3aed33;color:#a78bfa}.done-count-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;background:#9696b426;color:#a0a0c0}.archived-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;background:#f0a50026;color:#f0a500}.dp-page{display:flex;flex-direction:column;height:calc(100vh - 89px);overflow:hidden}.dp-customer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0;flex-wrap:wrap;gap:8px}.dp-customer-name{font-size:17px;font-weight:700;color:var(--t1)}.dp-customer-meta{font-size:12px;color:var(--t2);margin-top:2px}.dp-customer-note{font-size:11px;color:var(--t3);margin-top:3px;padding-left:8px;border-left:2px solid var(--bd)}.dp-content{flex:1;overflow-y:auto;padding:16px 20px}.deal-filter-bar{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0}.deal-filter-btn{padding:4px 12px;border-radius:20px;border:1px solid var(--bd);background:transparent;color:var(--t2);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;display:flex;align-items:center;gap:5px}.deal-filter-btn:hover{color:var(--t1);border-color:var(--bdl)}.deal-filter-btn.active{background:var(--acd);color:var(--ac);border-color:var(--ac)}.dfc{display:inline-block;padding:0 5px;border-radius:10px;font-size:10px;background:var(--bg3);color:var(--t3);min-width:16px;text-align:center}.deal-filter-btn.active .dfc{background:#4f7cff33;color:var(--ac)}.ddp-page{flex:1;overflow-y:auto;padding:20px;height:calc(100vh - 89px)}.cust-tab{flex:1;padding:5px 8px;border-radius:6px;border:none;background:transparent;color:var(--t2);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;text-align:center}.cust-tab.active{background:var(--bg2);color:var(--t1)}.cust-tab.active.history-tab{color:#f0a500}.tab-count{font-size:10px;opacity:.7}.uf-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--bd);background:transparent;color:var(--t3);cursor:pointer;font-size:11px;font-weight:600;transition:all .15s}.uf-btn:hover{color:var(--t2);border-color:var(--bdl)}.uf-btn.active{background:var(--acd);color:var(--ac);border-color:var(--ac)}.btn{padding:7px 14px;border-radius:7px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.btnp{background:var(--ac);color:#fff}.btnp:hover{background:var(--acl)}.btnp:disabled{opacity:.5;cursor:not-allowed}.btns{padding:5px 10px;font-size:12px}.btng{background:var(--bgh);color:var(--t2);border:1px solid var(--bd)}.btng:hover{color:var(--t1);border-color:var(--bdl)}.btnd{background:#e74c3c26;color:var(--err);border:1px solid rgba(231,76,60,.3)}.btnd:hover{background:#e74c3c40}.ca-btn{padding:4px 10px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s}.ca-archive{background:#f0a5001a;color:#f0a500;border:1px solid rgba(240,165,0,.3)}.ca-archive:hover{background:#f0a50040}.ca-restore{background:var(--acd);color:var(--ac);border:1px solid rgba(79,124,255,.3)}.ca-restore:hover{background:#4f7cff40}.ctx-menu{position:fixed;background:var(--bg2);border:1px solid var(--bd);border-radius:8px;padding:4px 0;min-width:168px;box-shadow:0 4px 20px #0000002e;z-index:9999}.ctx-item{display:block;width:100%;background:none;border:none;color:var(--t1);font-size:13px;padding:8px 16px;text-align:left;cursor:pointer;white-space:nowrap}.ctx-item:hover{background:var(--bg3)}.ctx-danger{color:var(--err)}.ctx-sep{height:1px;background:var(--bd);margin:4px 0}.ctx-header{font-size:10px;color:var(--t3);padding:6px 16px 2px;text-transform:uppercase;letter-spacing:.05em}.drag-handle-inline{color:var(--t3);cursor:grab;font-size:14px}.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.dcard{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:12px;cursor:default;transition:all .15s;position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow)}.dcard:hover{border-color:var(--bdl)}.dcard.i3{border-left:3px solid var(--err)}.dcard.i2{border-left:3px solid var(--warn)}.dcard.i1{border-left:3px solid var(--t3)}.dcard.dragging{opacity:.4}.dcard.drag-over{border-color:var(--ac);border-style:dashed}.dcard.se-card{border-top:2px solid #7c3aed}.dcard.done-card{opacity:.8}.drag-handle{position:absolute;top:12px;right:8px;color:var(--t3);cursor:grab;font-size:14px;opacity:0;transition:opacity .15s}.dcard:hover .drag-handle{opacity:1}.dtitle{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:4px}.damt{font-size:16px;font-weight:700;color:var(--ac);margin-bottom:4px}.dmeta{font-size:11px;color:var(--t2);display:flex;flex-direction:column;gap:2px}.stars{color:var(--warn);font-size:11px;margin-bottom:3px}.sbadge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600;margin-bottom:4px}.s0{background:#4ecdc426;color:#4ecdc4}.s1{background:#4f7cff26;color:var(--ac)}.s2{background:#f39c1226;color:var(--warn)}.s3{background:#2ecc7126;color:var(--ok)}.s4{background:#9696b426;color:#a0a0c0}.ov{color:var(--err);font-weight:600}.sn2c{color:var(--warn);font-weight:600}.dcard-footer{margin-top:10px;border-top:1px solid var(--bd);padding-top:8px;display:flex;flex-direction:column;gap:6px}.stage-nav{display:flex;gap:4px}.sn-btn{flex:1;padding:4px;border-radius:6px;border:1px solid var(--bd);background:var(--bg2);color:var(--t2);cursor:pointer;font-size:10px;font-weight:600;transition:all .15s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-btn:hover:not(:disabled){background:var(--bgh);color:var(--t1);border-color:var(--bdl)}.sn-btn:disabled{opacity:.3;cursor:not-allowed}.sn-prev:hover:not(:disabled){background:#f39c121a;border-color:#f39c1266;color:var(--warn)}.sn-next:hover:not(:disabled){background:var(--acd);border-color:#4f7cff66;color:var(--ac)}.dcard-btns{display:flex;gap:4px}.dcard-btns .btn{flex:1}.se-btn-off{background:#7c3aed14;color:#a78bfa;border:1px solid rgba(124,58,237,.3)}.se-btn-off:hover{background:#7c3aed33;border-color:#7c3aed}.se-btn-on{background:#7c3aed40;color:#a78bfa;border:1px solid #7c3aed;font-weight:700}.se-btn-on:hover{background:#7c3aed66}.stage-bar{margin-top:16px;padding-top:14px;border-top:1px solid var(--bd)}.stage-bar-track{display:flex;margin-bottom:10px;position:relative}.stage-bar-track:before{content:"";position:absolute;top:10px;left:10px;right:10px;height:2px;background:var(--bd);z-index:0}.sbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 2px;position:relative;z-index:1}.sbar-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--bd);background:var(--bg);transition:all .2s;flex-shrink:0}.sbar-item.done .sbar-dot{background:var(--ac);border-color:var(--ac)}.sbar-item.current .sbar-dot{background:var(--ac);border-color:var(--ac);box-shadow:0 0 0 4px var(--acd)}.sbar-item:hover:not(.current) .sbar-dot{border-color:var(--ac)}.sbar-label{font-size:10px;color:var(--t3);text-align:center;white-space:nowrap}.sbar-item.current .sbar-label{color:var(--ac);font-weight:700}.sbar-item.done .sbar-label{color:var(--t2)}.stage-bar-arrows{display:flex;gap:8px}.stage-bar-arrows .sn-btn{padding:6px 10px;font-size:12px}.contacts-page{display:flex;flex-direction:column;height:calc(100vh - 52px);overflow:hidden}.contacts-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0;gap:10px}.kana-index{display:flex;gap:4px;padding:8px 20px;background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0;flex-wrap:wrap}.kana-btn{padding:3px 8px;border-radius:4px;border:1px solid var(--bd);background:transparent;color:var(--t3);cursor:pointer;font-size:12px;transition:all .15s}.kana-btn:hover{color:var(--t1);border-color:var(--bdl)}.kana-btn.active{background:var(--acd);color:var(--ac);border-color:var(--ac)}.contacts-list{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:6px}.contact-row{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;transition:all .15s;box-shadow:var(--shadow)}.contact-row:hover{border-color:var(--bdl)}.contact-avatar{width:36px;height:36px;border-radius:50%;background:var(--ac);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.contact-name{font-size:14px;font-weight:600;color:var(--t1);margin-bottom:2px}.contact-sub{font-size:12px;color:var(--t2);margin-bottom:1px}.contact-note{font-size:11px;color:var(--t3);margin-top:3px}.note-box{background:var(--bg3);border:1px solid var(--bd);border-left:3px solid var(--ac);border-radius:8px;padding:10px 14px;margin-bottom:12px}.note-label{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.note-body{font-size:13px;color:var(--t2);line-height:1.7;white-space:pre-wrap;word-break:break-all}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg2);border:1px solid var(--bdl);border-radius:14px;padding:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.mtitle{font-size:17px;font-weight:700;color:var(--t1);margin-bottom:20px}.fg{margin-bottom:14px}.fl{font-size:12px;color:var(--t2);margin-bottom:6px;display:block;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fi{width:100%;background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:9px 12px;color:var(--t1);font-size:14px;outline:none;transition:border-color .15s}.fi:focus{border-color:var(--ac)}.fsel{width:100%;background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:9px 12px;color:var(--t1);font-size:14px;outline:none;cursor:pointer}.fta{width:100%;background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:9px 12px;color:var(--t1);font-size:14px;resize:vertical;min-height:70px;outline:none;font-family:inherit}.fta:focus{border-color:var(--ac)}.sstar{display:flex;gap:6px;margin-top:4px}.sbtn{width:36px;height:36px;border-radius:6px;border:1px solid var(--bd);background:var(--bg3);cursor:pointer;font-size:16px;color:var(--t3);transition:all .15s;display:flex;align-items:center;justify-content:center}.sbtn.on{background:#f39c1233;border-color:var(--warn);color:var(--warn)}.mact{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.expand-btn{width:100%;padding:8px;border-radius:8px;border:1px dashed var(--bd);background:transparent;color:var(--t3);cursor:pointer;font-size:12px;text-align:left;margin-bottom:14px;transition:all .15s}.expand-btn:hover{color:var(--ac);border-color:var(--ac);background:var(--acd)}.ad-body{display:flex;flex:1;overflow:hidden}.ad-table-wrap{flex:1;overflow:auto;min-width:0}.ad-table{width:100%;border-collapse:collapse;font-size:13px}.ad-table th{font-size:11px;color:var(--t3);font-weight:600;text-transform:uppercase;padding:8px 12px;border-bottom:2px solid var(--bd);text-align:left;position:sticky;top:0;background:var(--bg2);z-index:1;white-space:nowrap;transition:color .15s}.ad-table th:hover{color:var(--t1)}.ad-table td{padding:9px 12px;vertical-align:middle;border-bottom:1px solid var(--bd);max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-row{cursor:pointer;transition:background .1s}.ad-row:hover td{background:var(--bg3)!important}.ad-row.sel td{background:#4f7cff1a!important;border-left:none}.ad-row.ov td{background:#dc26260a}.ad-row.flagged td{background:#d977060a}.ad-row.deferred td{opacity:.45}.ad-row.sel td:first-child{border-left:3px solid var(--ac)}.ad-panel{width:368px;flex-shrink:0;border-left:1px solid var(--bd);background:var(--bg2);display:flex;flex-direction:column;overflow:hidden;animation:slideInPanel .18s ease}@keyframes slideInPanel{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.ad-panel-head{padding:12px 14px;border-bottom:1px solid var(--bd);display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-shrink:0}.ad-panel-body{padding:14px 16px;flex:1;overflow-y:auto}.ad-panel-body .fg{margin-bottom:12px}.ad-panel-footer{padding:12px 16px;border-top:1px solid var(--bd);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;background:var(--bg2)}.tl{display:flex;flex-direction:column}.tli{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd)}.tldot{width:10px;height:10px;border-radius:50%;background:var(--ac);flex-shrink:0;margin-top:4px}.tlc{flex:1}.tld{font-size:11px;color:var(--t3);margin-bottom:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tlt{font-size:14px;color:var(--t1);line-height:1.5}.tln{font-size:12px;color:var(--acl);margin-top:6px;padding:6px 10px;background:var(--acd);border-radius:6px;display:inline-block}.rcard{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:14px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .15s;margin-bottom:10px;box-shadow:var(--shadow)}.rcard:hover{border-color:var(--bdl);background:var(--bgh)}.rico{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.rico.danger{background:#e74c3c26}.rico.warn{background:#f39c1226}.rico.info{background:var(--acd)}.rinfo{flex:1}.rtitle{font-size:14px;font-weight:600;color:var(--t1)}.rsub{font-size:12px;color:var(--t2);margin-top:2px}.rbadge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.bd-err{background:#e74c3c26;color:var(--err)}.bd-warn{background:#f39c1226;color:var(--warn)}.bd-info{background:var(--acd);color:var(--ac)}.empty{text-align:center;color:var(--t3);padding:40px;font-size:14px}.si{background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:7px 10px;color:var(--t1);font-size:12px;outline:none}.si:focus{border-color:var(--ac)}.srow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.sc{background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:12px;text-align:center}.sn2{font-size:20px;font-weight:700;color:var(--ac)}.sl{font-size:11px;color:var(--t3);margin-top:2px}.frow{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.fbtn{padding:5px 12px;border-radius:20px;border:1px solid var(--bd);background:transparent;color:var(--t2);cursor:pointer;font-size:12px;transition:all .15s}.fbtn.on{background:var(--acd);color:var(--ac);border-color:var(--ac)}.shdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stitle{font-size:15px;font-weight:700;color:var(--t1)}.ddh{background:var(--bg3);border:1px solid var(--bd);border-radius:12px;padding:16px;margin-bottom:14px}.iform{background:var(--bg3);border:1px solid var(--ac);border-radius:10px;padding:16px;margin-bottom:16px}.page{padding:20px;overflow-y:auto;height:calc(100vh - 52px)}.lscreen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.lcard{background:var(--bg2);border:1px solid var(--bdl);border-radius:16px;padding:40px;width:360px}.llogo{text-align:center;font-size:24px;font-weight:800;color:var(--ac);margin-bottom:8px}.lsub{text-align:center;color:var(--t2);font-size:13px;margin-bottom:32px}.lerr{color:var(--err);font-size:12px;text-align:center;margin-top:8px}.admin-page{padding:20px;overflow-y:auto;height:calc(100vh - 52px)}.user-row{background:var(--bg3);border:1px solid var(--bd);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px;cursor:grab;transition:all .15s}.user-row:hover{border-color:var(--bdl)}.user-row.dragging{opacity:.4}.user-row.drag-over{border-color:var(--ac);border-style:dashed}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--ac);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.user-info{flex:1}.user-name{font-size:14px;font-weight:600;color:var(--t1)}.user-sub{font-size:12px;color:var(--t2)}.role-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.role-admin{background:#4f7cff33;color:var(--ac)}.role-member{background:var(--bg);color:var(--t3)}.section-sep{border:none;border-top:1px solid var(--bd);margin:20px 0}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;background:var(--acd);color:var(--acl)}.fy-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;background:#4f7cff1a;color:var(--ac);border:1px solid rgba(79,124,255,.2)}.stats-bar{display:flex;align-items:center;border-bottom:1px solid var(--bd);flex-shrink:0;overflow-x:auto}.fy-selector{display:flex;align-items:center;gap:8px;padding:8px 16px;border-right:1px solid var(--bd);flex-shrink:0}.fy-label{font-size:11px;color:var(--t3);font-weight:600}.stats-bar .cs-item{padding:8px 16px}.cl-card.cat-SE{border-left:3px solid #7c3aed}.today-dot{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--err);color:#fff;font-size:10px;font-weight:700;padding:0 4px;margin-left:4px}.today-section{margin-bottom:28px}.today-sec-title{font-size:12px;font-weight:700;letter-spacing:.5px;padding:7px 12px;margin-bottom:10px;border-radius:7px;display:flex;align-items:center;gap:8px;background:var(--bg3)}.today-sec-count{display:inline-block;padding:1px 7px;border-radius:10px;background:#00000026;font-size:11px;font-weight:700}.today-sec-chevron{font-size:10px;opacity:.7;margin-right:2px;transition:transform .15s}.sec-ov{color:var(--err);background:#e74c3c1f}.sec-td{color:var(--ac);background:var(--acd)}.sec-wk{color:var(--t2);background:var(--bg3)}.sec-flag{color:var(--warn);background:#f39c121f}.today-card{background:var(--bg2);border:1px solid var(--bd);border-left:4px solid var(--bd);border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:all .15s;margin-bottom:8px;box-shadow:var(--shadow)}.today-card:hover{border-color:var(--bdl);background:var(--bgh)}.today-card.card-ov{border-left-color:var(--err)}.today-card.card-td{border-left-color:var(--ac)}.today-card.card-wk{border-left-color:var(--bdl)}.today-card.card-flag{border-left-color:var(--warn)}.today-card-left{flex:1;min-width:0}.today-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.today-customer{font-size:12px;font-weight:700;color:var(--t1);margin-bottom:2px}.today-title{font-size:13px;color:var(--t2);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-action{font-size:12px;color:var(--ac)}.today-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.today-tag-ov{background:#e74c3c26;color:var(--err)}.today-tag-td{background:var(--acd);color:var(--ac)}.today-tag-wk{background:var(--bg);color:var(--t3);border:1px solid var(--bd)}.today-complete-btn{padding:3px 10px;border-radius:4px;border:1px solid rgba(46,204,113,.3);background:#2ecc7114;color:var(--ok);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.today-complete-btn:hover{background:#2ecc7133;border-color:var(--ok)}.today-del-btn{padding:3px 7px;border-radius:4px;border:1px solid rgba(231,76,60,.2);background:transparent;color:var(--t3);font-size:11px;cursor:pointer;transition:all .15s}.today-del-btn:hover{background:#e74c3c26;color:var(--err)}.today-todo-card{border-left:3px solid var(--ac)}.today-todo-label{font-size:10px;font-weight:700;color:var(--ac);margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}.todo-add-bar{display:flex;gap:8px;align-items:center;margin-bottom:20px}.todo-add-input{flex:1;background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:10px 14px;color:var(--t1);font-size:13px;outline:none;transition:border-color .15s}.todo-add-input:focus{border-color:var(--ac)}.todo-row{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;transition:all .15s;box-shadow:var(--shadow)}.todo-row:hover{border-color:var(--bdl)}.todo-row-main{flex:1;min-width:0}.todo-row-actions{display:flex;gap:6px;flex-shrink:0}.todo-content{font-size:14px;color:var(--t1);margin-bottom:3px}.todo-date{font-size:12px;color:var(--t3)}.todo-ov{color:var(--err);font-weight:600}.todo-td{color:var(--ac);font-weight:600}.mode-toggle{display:flex;background:var(--bg3);border-radius:8px;padding:3px;gap:2px;flex-shrink:0}.mode-btn{padding:4px 12px;border-radius:5px;border:none;background:transparent;color:var(--t3);cursor:pointer;font-size:12px;font-weight:700;transition:all .15s}.mode-btn.on{background:var(--ac);color:#fff}.clc-last{font-size:10px;color:var(--t3);margin-top:4px}.clc-last.clc-last-warn{color:var(--warn)}.clc-last.clc-last-old{color:var(--err)}.quick-act-bar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.quick-act-input{flex:1;background:var(--bg3);border:1px solid var(--bd);border-radius:8px;padding:9px 14px;color:var(--t1);font-size:13px;outline:none;transition:border-color .15s}.quick-act-input:focus{border-color:var(--ac)}.quick-act-btn{padding:9px 16px;border-radius:8px;border:none;background:var(--ac);color:#fff;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s}.quick-act-btn:hover{background:var(--acl)}.fp-bar{background:var(--bg2);border-bottom:2px solid rgba(231,76,60,.25);flex-shrink:0}.fp-bar.fp-clean{padding:7px 20px;border-bottom-color:#2ecc7133}.fp-clean-text{font-size:12px;color:var(--ok)}.fp-head{display:flex;align-items:center;gap:12px;padding:7px 20px 5px}.fp-title{font-size:11px;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.fp-cnt{display:inline-block;padding:0 6px;border-radius:10px;background:#e74c3c33;color:var(--err);font-size:11px;margin-left:4px}.fp-tabs{display:flex;gap:4px;flex-wrap:wrap}.fp-tab{padding:3px 10px;border-radius:20px;border:1px solid var(--bd);background:transparent;color:var(--t3);cursor:pointer;font-size:11px;font-weight:600;transition:all .15s;display:flex;align-items:center;gap:4px}.fp-tab.on{background:#e74c3c1f;color:var(--err);border-color:#e74c3c66}.fp-n{font-size:10px;opacity:.8}.fp-list{display:flex;gap:8px;padding:0 20px 8px;overflow-x:auto}.fp-list::-webkit-scrollbar{height:4px}.fp-list::-webkit-scrollbar-track{background:transparent}.fp-list::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.fp-card{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:12px 14px;min-width:190px;max-width:240px;cursor:pointer;transition:all .15s;flex-shrink:0;box-shadow:var(--shadow)}.fp-card:hover{border-color:var(--bdl);transform:translateY(-2px);box-shadow:0 4px 12px #4f7cff1f}.fp-overdue{border-left:3px solid var(--err)}.fp-nodate{border-left:3px solid var(--warn)}.fp-stale{border-left:3px solid var(--t3)}.fp-customer{font-size:12px;color:var(--t1);margin-bottom:4px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-deal{font-size:12px;font-weight:600;color:var(--t1);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}.fp-badge-overdue{background:#e74c3c26;color:var(--err)}.fp-badge-nodate{background:#f39c1226;color:var(--warn)}.fp-badge-stale{background:var(--bg);color:var(--t2);border:1px solid var(--bd)}.fp-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.fp-complete-btn{padding:3px 10px;border-radius:4px;border:1px solid rgba(46,204,113,.3);background:#2ecc7114;color:var(--ok);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;flex-shrink:0}.fp-complete-btn:hover{background:#2ecc7133;border-color:var(--ok)}.cl-list-wrap{flex:1;overflow-y:auto;padding:0 20px 16px}.cl-list-table{width:100%;border-collapse:collapse}.cl-list-table th{font-size:11px;color:var(--t3);font-weight:600;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--bd);text-align:left;position:sticky;top:0;background:var(--bg)}.cl-list-row{cursor:pointer;border-bottom:1px solid var(--bd);transition:background .15s}.cl-list-row:hover{background:var(--bg3)}.cl-list-row td{padding:10px 12px;vertical-align:middle}.cl-list-row.archived{opacity:.7}.active-deal-badge{display:inline-block;padding:2px 8px;border-radius:10px;background:var(--acd);color:var(--ac);font-size:11px;font-weight:700}.kb-board{display:flex;gap:12px;padding:16px 20px;overflow-x:auto;height:100%;align-items:flex-start}.kb-board::-webkit-scrollbar{height:6px}.kb-board::-webkit-scrollbar-track{background:transparent}.kb-board::-webkit-scrollbar-thumb{background:var(--bd);border-radius:3px}.kb-col{background:var(--bg2);border-radius:12px;border:1px solid var(--bd);min-width:220px;max-width:260px;flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100vh - 260px)}.kb-col-head{padding:10px 14px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:8px;flex-shrink:0}.kb-col-count{font-size:12px;color:var(--t2);margin-left:auto}.kb-col-total{font-size:11px;color:var(--ok)}.kb-cards{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.kb-cards::-webkit-scrollbar{width:4px}.kb-cards::-webkit-scrollbar-track{background:transparent}.kb-cards::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.kb-card{background:var(--bg2);border:1px solid var(--bd);border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .15s;border-left:3px solid var(--bd);box-shadow:var(--shadow)}.kb-card:hover{border-color:var(--ac);transform:translateY(-1px);box-shadow:0 3px 12px #4f7cff1a}.kb-card.se-card{border-left-color:#7c3aed}.kb-title{font-size:12px;font-weight:600;color:var(--t1);margin-bottom:5px;line-height:1.4}.kb-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--warn);margin-bottom:4px}.kb-amt{color:var(--ac);font-size:11px}.kb-next{font-size:11px;color:var(--t3);margin-bottom:6px}.kb-next.ov{color:var(--err)}.kb-foot{display:flex;gap:4px;margin-top:6px}.kb-cust{font-size:10px;color:var(--t3);margin-bottom:3px;font-weight:500;letter-spacing:.3px}.health-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700;flex-shrink:0}.health-badge.hs-hi{background:#2ecc7126;color:var(--ok)}.health-badge.hs-mid{background:#f39c1226;color:var(--warn)}.health-badge.hs-lo{background:#e74c3c1f;color:var(--err)}.funnel-bar{display:flex;flex-direction:column;gap:6px;padding:10px 20px 14px;background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0}.funnel-item{display:flex;align-items:center;gap:10px}.funnel-label{display:flex;align-items:center;gap:6px;min-width:160px;flex-shrink:0}.funnel-count{font-size:11px;color:var(--t2)}.funnel-amt{font-size:11px;color:var(--ok)}.funnel-track{flex:1;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.funnel-fill{height:100%;border-radius:3px;transition:width .3s ease;min-width:3px}.funnel-fill.fs0{background:#6b7280}.funnel-fill.fs1{background:var(--warn)}.funnel-fill.fs2{background:var(--ac)}.funnel-fill.fs3{background:var(--ok)}.qa-templates{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.qa-tmpl-btn{padding:4px 12px;border-radius:16px;border:1px solid var(--bd);background:var(--bg3);color:var(--t2);font-size:12px;cursor:pointer;transition:all .15s}.qa-tmpl-btn:hover{background:var(--acd);border-color:var(--ac);color:var(--t1)}.pl-page{display:flex;flex-direction:column;height:calc(100vh - 52px);overflow:hidden}.pl-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0}.gsearch-trigger{background:none;border:none;cursor:pointer;font-size:18px;padding:4px 6px;border-radius:6px;color:var(--t2);transition:all .15s;line-height:1}.gsearch-trigger:hover{background:var(--bgh);color:var(--t1)}.gsearch-modal{background:var(--bg2);border:1px solid var(--bdl);border-radius:14px;width:580px;max-width:92vw;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000026}.gsearch-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--bd)}.gsearch-icon{font-size:18px;flex-shrink:0}.gsearch-input{flex:1;background:none;border:none;outline:none;font-size:15px;color:var(--t1)}.gsearch-hint,.gsearch-empty{padding:24px;text-align:center;font-size:13px;color:var(--t3)}.gsearch-results{overflow-y:auto;padding:8px 0}.gsearch-section{padding:0 0 8px}.gsearch-sec-title{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;padding:8px 18px 4px;letter-spacing:.5px}.gsearch-row{display:flex;align-items:center;gap:8px;padding:9px 18px;cursor:pointer;transition:background .1s}.gsearch-row:hover{background:var(--bg3)}.gsearch-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;flex-shrink:0}.gsearch-tag-cust{background:#4f7cff26;color:var(--ac)}.gsearch-tag-deal{background:#2ecc711f;color:var(--ok)}.gsearch-tag-act{background:#f39c121f;color:var(--warn)}.gsearch-main{font-size:13px;color:var(--t1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsearch-sub{font-size:11px;color:var(--t3);flex-shrink:0}.flag-star{display:inline-block;color:var(--warn);font-size:13px;font-weight:700}.flag-toggle-btn{padding:6px 16px;border-radius:20px;border:1px solid var(--bd);background:var(--bg3);color:var(--t2);font-size:13px;cursor:pointer;transition:all .15s}.flag-toggle-btn:hover{border-color:var(--warn);color:var(--t1)}.flag-toggle-btn.on{background:#f39c1226;border-color:var(--warn);color:var(--warn);font-weight:600}.notif-badge{position:absolute;top:-4px;right:-4px;background:var(--err);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:0 4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;pointer-events:none}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg2);border:1px solid var(--bd);border-radius:10px;box-shadow:0 8px 32px #0000001f;z-index:9999;max-height:400px;overflow-y:auto}.acct-trigger{display:flex;align-items:center;gap:7px;background:none;border:1px solid transparent;border-radius:8px;padding:4px 8px;cursor:pointer;transition:all .15s}.acct-trigger:hover{background:var(--bgh);border-color:var(--bd)}.acct-trigger-active{background:var(--acd);border-color:var(--ac)}.acct-menu{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--bg2);border:1px solid var(--bd);border-radius:10px;box-shadow:0 8px 32px #0000001f;z-index:9999;overflow:hidden}.acct-menu-header{padding:12px 14px;border-bottom:1px solid var(--bd);background:var(--bg3)}.acct-item{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 14px;font-size:13px;color:var(--t1);cursor:pointer;transition:background .15s}.acct-item:hover{background:var(--bgh)}.acct-item-active{color:var(--ac);font-weight:600;background:var(--acd)}.acct-item-active:hover{background:var(--acd)}.acct-sep{height:1px;background:var(--bd);margin:4px 0}.acct-item-logout{color:var(--err)}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--bd);position:sticky;top:0;background:var(--bg2)}.notif-readall-btn{font-size:11px;color:var(--ac);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px}.notif-readall-btn:hover{background:var(--acd)}.notif-empty{padding:24px;text-align:center;color:var(--t3);font-size:13px}.notif-item{padding:10px 14px;border-bottom:1px solid var(--bd);cursor:pointer;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bgh)}.notif-item.unread{background:#4f7cff0f}.notif-item.unread:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ac);margin-right:6px;vertical-align:middle}.notif-msg{font-size:12px;color:var(--t1);line-height:1.5}.notif-time{font-size:11px;color:var(--t3);margin-top:3px}.kb-assignee{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--t2);margin-top:3px}.assignee-mini{width:16px;height:16px;border-radius:50%;background:var(--ac);color:#fff;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.team-view{padding:16px 20px;overflow-y:auto;flex:1}.team-table-head{display:grid;grid-template-columns:180px repeat(4,1fr) 160px;gap:8px;padding:8px 14px;background:var(--bg3);border-radius:8px;margin-bottom:8px;font-size:11px;color:var(--t3)}.team-row{display:grid;grid-template-columns:180px repeat(4,1fr) 160px;gap:8px;padding:12px 14px;background:var(--bg2);border:1px solid var(--bd);border-radius:8px;margin-bottom:6px;cursor:pointer;transition:all .15s;align-items:center;box-shadow:var(--shadow)}.team-row:hover{border-color:var(--ac);background:var(--bgh)}.team-col-user{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--t1)}.team-col-stage{text-align:center}.team-col-total{text-align:right;font-size:13px;color:var(--t1)}.team-avatar{width:28px;height:28px;border-radius:50%;background:var(--ac);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.team-cnt-active{font-size:15px;font-weight:700;color:var(--t1)}.team-cnt-zero{font-size:15px;color:var(--t3)}.act-stage-sel{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.act-stage-btn{padding:5px 14px;border-radius:8px;border:1px solid var(--bd);background:var(--bg3);color:var(--t2);font-size:12px;cursor:pointer;transition:all .15s}.act-stage-btn.current{border-color:var(--ac);background:var(--acd);color:var(--ac);font-weight:600}.act-stage-btn.moving{border-color:var(--ok);background:#2ecc711a;color:var(--ok);font-weight:600}.act-stage-btn:hover:not(.current){background:var(--bgh);color:var(--t1)}.wb-page{display:flex;flex-direction:column;height:calc(100vh - 52px);overflow:hidden}.wb-toolbar{display:flex;align-items:center;gap:12px;padding:8px 20px;background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0}.wb-hint{font-size:12px;color:var(--t3)}.wb-scroll{flex:1;overflow:auto}.wb-board{position:relative;min-height:2000px;min-width:3000px;background-color:#f4f6ff;background-image:radial-gradient(var(--bd) 1px,transparent 1px);background-size:28px 28px}.wb-note{position:absolute;border:1.5px solid;border-radius:8px;box-shadow:2px 4px 14px #0000001a;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.wb-note:hover{box-shadow:2px 6px 20px #00000029}.wb-note-head{display:flex;align-items:center;justify-content:space-between;padding:5px 7px;cursor:grab;border-radius:6px 6px 0 0;border-bottom:1px solid rgba(0,0,0,.07)}.wb-note-head:active{cursor:grabbing}.wb-colors{display:flex;gap:4px}.wb-cdot{width:14px;height:14px;border-radius:50%;border:2px solid;cursor:pointer;padding:0;flex-shrink:0;transition:transform .1s}.wb-cdot:hover{transform:scale(1.3)}.wb-cdot.sel{transform:scale(1.2);filter:saturate(4)}.wb-del{background:none;border:none;cursor:pointer;color:#00000059;font-size:12px;padding:0 2px;line-height:1;flex-shrink:0}.wb-del:hover{color:var(--err)}.wb-text{flex:1;width:100%;border:none;outline:none;resize:none;padding:8px 10px;font-size:13px;font-family:inherit;line-height:1.6;background:transparent;color:var(--t1)}.wb-text[readonly]{cursor:grab}.wb-text[readonly]:active{cursor:grabbing}.wb-resize{position:absolute;right:2px;bottom:2px;width:14px;height:14px;cursor:nwse-resize;opacity:.35;background:linear-gradient(135deg,transparent 40%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.6) 55%,transparent 55%,transparent 65%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.6) 80%,transparent 80%);border-radius:0 0 4px}.wb-resize:hover{opacity:.7}.cust-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:var(--bg3);border:1px solid var(--bd);border-radius:12px;font-size:11px;color:var(--t2);white-space:nowrap}.cust-tag button{background:none;border:none;cursor:pointer;color:var(--t3);padding:0 0 0 2px;font-size:12px;line-height:1}.cust-tag button:hover{color:var(--err)}.tag-input-wrap{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border:1px solid var(--bd);border-radius:6px;padding:4px 8px;background:var(--bg2);min-height:36px}.tag-input-wrap input:focus{outline:none}.clc-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.act-type-badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px;border:1px solid}.qa-tmpl-btn.qa-tmpl-on{background:var(--bg3)}