:root{color:#17324d;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}html,body,#root{width:100%;min-height:100%}*{box-sizing:border-box}body{text-align:left;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical;min-height:92px}input,select,textarea{color:#17324d;background:#fff;border:1px solid #c7d7e8;border-radius:7px;width:100%;padding:9px 10px}input[type=checkbox]{accent-color:#2168a7;width:16px;height:16px}input:focus,select:focus,textarea:focus{border-color:#2d6fb4;outline:2px solid #d9e9f8}.setup,.authPage,.loading{place-items:center;min-height:100vh;padding:24px;display:grid}.setup section,.authBox{background:#fff;border:1px solid #d7e2ee;border-radius:8px;width:min(460px,100%);padding:28px;box-shadow:0 14px 38px #1c3a5814}.setup h1,.authBox h1,.sectionHeader h1{color:#0c2844;margin:0;font-size:20px;font-weight:700}.setup p,.setup li,.authBox p,.sectionHeader p,.mutedText{color:#6e8297;line-height:1.6}.authBox{gap:14px;display:grid}.appShell{grid-template-columns:232px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.sidebar{color:#dce8f4;background:#10283f;padding:14px 10px;overflow-y:auto}.brand{color:#8fb5d9;letter-spacing:.08em;padding:8px 10px 18px;font-size:11px;font-weight:700}.navLabel{color:#8fb5d9;margin:16px 10px 7px;font-size:11px;font-weight:700}.navItem{color:#e8f1f9;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;width:100%;margin-bottom:3px;padding:9px 10px;display:block;overflow:hidden}.navItem:hover,.navItem.active{background:#1f4f7a}.mainPane{flex-direction:column;min-width:0;display:flex}.topBar{background:#fff;border-bottom:1px solid #d7e2ee;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:0 22px;display:flex}.tabs{gap:3px;display:flex;overflow-x:auto}.tabs button{color:#62788e;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:17px 12px 15px}.tabs button.active{color:#13558f;border-color:#2168a7;font-weight:700}.topActions{color:#6e8297;white-space:nowrap;align-items:center;gap:10px;display:flex}.content{flex:1;min-width:0;padding:24px;overflow:auto}.content>section{width:100%}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.sectionHeader p{margin:6px 0 0}.filterBar{grid-template-columns:minmax(240px,1fr) 220px;gap:10px;margin-bottom:14px;display:grid}.buttonGroup,.formActions,.rowActions{flex-wrap:wrap;gap:8px;display:flex}.rowActions{justify-content:flex-end;align-items:center}.primaryButton,.secondaryButton,.dangerButton,.linkButton{border:1px solid #0000;border-radius:7px;min-height:36px;padding:8px 13px;font-weight:600}.primaryButton{color:#fff;background:#2168a7}.primaryButton:disabled{opacity:.55}.secondaryButton{color:#13558f;background:#eef6fd;border-color:#bdd3e7}.linkButton{color:#13558f;background:0 0}.iconButton{color:#667d93;background:0 0;border:0;padding:4px 6px}.projectList,.compactList,.noteList{gap:8px;display:grid}.callLayout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:14px;display:grid}.callGroupList{gap:8px;display:grid}.callGroup{color:#17324d;text-align:left;background:#fff;border:1px solid #d7e2ee;border-radius:8px;gap:5px;width:100%;padding:12px;display:grid}.callGroup.active{background:#eef6fd;border-color:#2168a7}.callGroup span,.callGroup small,.callHistoryHeader p{color:#6e8297}.callHistoryPanel{min-width:0}.callHistoryHeader{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.callHistoryHeader h2{color:#0c2844;margin:0;font-size:17px}.callHistoryHeader p{margin:4px 0 0}.projectRow,.compactRow,.taskRow,.noteItem,.personCard{background:#fff;border:1px solid #d7e2ee;border-radius:8px}.projectRow{text-align:left;grid-template-columns:minmax(180px,1fr) auto 100px auto;align-items:center;gap:14px;width:100%;padding:14px;display:grid}.projectRow div:first-child,.personCard header div:last-child{gap:4px;min-width:0;display:grid}.projectRow strong,.projectRow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.projectRow span,.compactRow span,.taskRow span{color:#6e8297}.progress{background:#e8eef5;border-radius:999px;height:6px;overflow:hidden}.progress i{border-radius:inherit;background:#2d6fb4;height:100%;display:block}.subTitle{color:#0c2844;margin:28px 0 12px;font-size:15px}.compactRow,.taskRow{grid-template-columns:minmax(160px,1fr) auto auto auto auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.taskRow{grid-template-columns:auto minmax(180px,1fr) auto auto auto auto}.taskRow p{color:#6e8297;white-space:pre-wrap;grid-column:2/-1;margin:0}.taskRow.done strong{color:#8a9bad;text-decoration:line-through}.callActionList,.actionEditList{gap:6px;margin-top:10px;display:grid}.callActionItem,.actionEditItem{color:#17324d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.callActionItem.done span{color:#8a9bad;text-decoration:line-through}.actionEditItem:has(input:checked) span{color:#8a9bad;text-decoration:line-through}.badge,.chip{white-space:normal;overflow-wrap:anywhere;border-radius:999px;justify-content:center;align-items:center;max-width:100%;min-height:24px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1.35;display:inline-flex}.badge{white-space:nowrap}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.statsGrid div{background:#fff;border:1px solid #d7e2ee;border-radius:8px;gap:7px;padding:14px;display:grid}.statsGrid span{color:#6e8297;font-size:12px}.detailBlock{background:#fff;border-top:1px solid #d7e2ee;padding:18px 0}.detailBlock h2{color:#0c2844;margin:0 0 8px;font-size:14px}.detailBlock p,.noteItem p,.personCard p{white-space:pre-wrap;margin:0;line-height:1.65}.noteItem{padding:14px}.noteItem header{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.cardGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.personCard{align-content:start;gap:9px;min-width:0;padding:14px;display:grid}.personCard header{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.personCard strong,.personCard span{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;min-width:0;overflow:visible}.avatar{color:#13558f;background:#e5f1fb;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.chipWrap,.checkGrid{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.personCard .chipWrap{align-content:flex-start;max-height:86px;padding-right:2px;overflow:auto}.chip{color:#59636e;background:#eef0f2}.chip.active{color:#13558f;background:#e5f1fb}.chip button{color:inherit;background:0 0;border:0;margin-left:5px;padding:0 2px;line-height:1}.inlineEditor{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.checkItem{background:#fff;border:1px solid #d7e2ee;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.checkItem input{width:auto}.modalBackdrop{z-index:20;-webkit-backdrop-filter:blur(10px);background:#0f172a47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #d7e2ee;border-radius:8px;width:min(620px,100%);max-height:min(82vh,760px);overflow:auto;box-shadow:0 24px 70px #0e243a3d}.modalHeader{background:#fff;border-bottom:1px solid #d7e2ee;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.modalHeader h2{color:#0c2844;margin:0;font-size:16px}.formGrid{gap:13px;padding:18px;display:grid}.pickerPane{gap:12px;padding:18px;display:grid}.pickerList{gap:8px;max-height:420px;display:grid;overflow:auto}.pickerItem{color:#17324d;text-align:left;background:#fff;border:1px solid #d7e2ee;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.pickerItem:hover{background:#eef6fd;border-color:#2168a7}.pickerItem div{gap:4px;min-width:0;display:grid}.pickerItem span,.pickerItem small{color:#6e8297}.masterKeyBar{grid-template-columns:minmax(240px,420px) minmax(0,1fr);align-items:end;gap:14px;margin-bottom:16px;display:grid}.masterKeyBar p{color:var(--text-muted);margin:0 0 8px;line-height:1.55}.linkFilterBar{grid-template-columns:minmax(260px,1fr) 160px 200px auto}.linkGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.linkCard{box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;gap:14px;padding:20px;display:grid}.linkCard.pinned{box-shadow:0 16px 42px #3182f61f}.linkCard header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.linkCard header div:first-child{gap:5px;min-width:0;display:grid}.linkCard strong{color:var(--text-main);font-size:16px;font-weight:900}.linkCard span,.linkCard p{color:var(--text-muted)}.linkUrl{color:var(--brand-strong);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;display:block;overflow:hidden}.credentialRows{gap:8px;display:grid}.credentialRows>div{background:#f6f8fb;border-radius:14px;grid-template-columns:68px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:42px;padding:8px 10px;display:grid}.credentialRows span{font-size:12px;font-weight:800}.credentialRows strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.openLinkButton{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.toggleLine{color:var(--text-main);align-items:center;gap:8px;font-weight:800;display:inline-flex}.toggleLine input{width:16px;min-height:16px}.field{color:#64788d;gap:6px;font-size:12px;font-weight:700;display:grid}.field input,.field select,.field textarea{font-size:14px;font-weight:400}.twoCols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.empty,.notice,.errorBox{border-radius:8px;padding:14px}.empty{color:#6e8297;text-align:center;border:1px dashed #c7d7e8}.notice{color:#13558f;background:#eef6fd}.errorBox{color:#9d3030;background:#fff0f0}.dangerText{font-weight:700;color:#b84242!important}.rawData{min-height:340px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}:root{--bg-page:#f3f6fa;--bg-panel:#fff;--bg-soft:#f8fbfe;--line:#dbe5ef;--line-strong:#c5d4e4;--text-main:#102a43;--text-muted:#6f8194;--brand:#1f6fb2;--brand-strong:#15558d;--brand-soft:#e8f3fc;--nav:#0d263d;--nav-active:#194d78;--danger:#b74242;--success:#2f7440;--warning:#936015;--shadow-sm:0 1px 2px #102a430d, 0 8px 22px #102a430f}.sidebar{background:linear-gradient(#0c253c 0%,#0f304b 100%);box-shadow:inset -1px 0 #ffffff0f}.brand{color:#b6d4ef}.navItem{color:#dcecf8;border-radius:8px;min-height:38px}.navItem:hover{background:#ffffff14}.navItem.active{color:#fff;-webkit-backdrop-filter:blur(14px)saturate(150%);background:#ffffff24;box-shadow:inset 3px 0 #7ec3ff,inset 0 1px #ffffff2e,0 8px 24px #00000029}.topBar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:60px;box-shadow:0 1px 0 var(--line);background:#ffffffeb}.sectionHeader{align-items:center;margin-bottom:20px}.sectionHeader h1{letter-spacing:0;font-size:22px}.sectionHeader p{color:var(--text-muted)}.primaryButton,.secondaryButton,.dangerButton,.linkButton{border-radius:8px;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}.primaryButton{background:linear-gradient(180deg, #277bc0, var(--brand));box-shadow:0 6px 14px #1f6fb22e}.primaryButton:hover,.secondaryButton:hover,.dangerButton:hover,.projectRow:hover,.callGroup:hover,.pickerItem:hover{transform:translateY(-1px)}.secondaryButton{background:var(--brand-soft);border-color:#b8d6ee}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.summaryCard{background:var(--bg-panel);border:1px solid var(--line);min-height:92px;box-shadow:var(--shadow-sm);border-radius:10px;gap:6px;padding:16px;display:grid}.summaryCard span{color:var(--text-muted);font-size:12px;font-weight:700}.summaryCard strong{color:var(--text-main);font-size:28px;line-height:1}.summaryCard.alert strong{color:var(--danger)}.projectRow,.compactRow,.taskRow,.noteItem,.personCard,.callGroup,.statsGrid div{border-color:var(--line);box-shadow:var(--shadow-sm)}.projectRow,.compactRow,.taskRow,.noteItem,.personCard{border-radius:10px}.projectRow{min-height:68px;transition:transform .12s,box-shadow .12s,border-color .12s}.projectRow:hover{border-color:var(--line-strong);box-shadow:0 12px 30px #102a431a}.progress{background:#e4edf6}.badge,.chip{border:1px solid #102a430f}.filterBar input,.filterBar select,.field input,.field select,.field textarea{border-color:var(--line-strong);background:#fff}.modal{border-radius:12px}.modalHeader{border-radius:12px 12px 0 0}:root{--bg-page:#f7f9fc;--bg-panel:#fff;--bg-soft:#f6f8fb;--line:#eef2f6;--line-strong:#dce5ee;--text-main:#111827;--text-muted:#7b8794;--brand:#3182f6;--brand-strong:#1b64da;--brand-soft:#edf5ff;--danger:#f04452;--success:#18a058;--warning:#f59f00;--shadow-sm:0 8px 24px #0f172a0f;--shadow-md:0 16px 42px #0f172a17}body{background:var(--bg-page);color:var(--text-main)}.mainPane{background:radial-gradient(circle at 80% 0%, #3182f614, transparent 28rem), var(--bg-page)}.content{padding:36px}.topBar{-webkit-backdrop-filter:blur(18px)saturate(160%);background:#ffffffb8;border-bottom:0;min-height:68px;box-shadow:inset 0 -1px #ffffffb8,0 8px 30px #0f172a0f}.topBar>strong,.sectionHeader h1{color:var(--text-main);font-weight:800}.sectionHeader{margin-bottom:24px}.sectionHeader h1{font-size:28px;line-height:1.2}.sectionHeader p,.topActions,.projectRow span,.compactRow span,.taskRow span,.statsGrid span,.callGroup span,.callGroup small,.callHistoryHeader p,.mutedText{color:var(--text-muted)}.primaryButton,.secondaryButton,.dangerButton,.linkButton{min-height:44px;box-shadow:none;border:0;border-radius:14px;padding:0 18px;font-size:14px;font-weight:800}.primaryButton{background:var(--brand);color:#fff}.primaryButton:hover{background:var(--brand-strong)}.secondaryButton{background:var(--brand-soft);color:var(--brand-strong)}.dangerButton{color:var(--danger);background:#fff1f2}.iconButton{width:40px;height:40px;color:var(--text-main);background:#f4f6f8;border-radius:14px;place-items:center;padding:0;font-size:17px;line-height:1;display:inline-grid}.iconButton:hover{background:#eaf1f8}.editIcon{background:var(--brand-soft)}.deleteIcon{background:#fff1f2}input,select,textarea,.filterBar input,.filterBar select,.field input,.field select,.field textarea{min-height:44px;color:var(--text-main);background:#f4f6f8;border:0;border-radius:14px;padding:11px 14px}textarea{min-height:108px}input:focus,select:focus,textarea:focus{background:#fff;border-color:#0000;outline:3px solid #3182f629}.summaryGrid,.statsGrid,.cardGrid,.projectList,.compactList,.noteList,.callGroupList{gap:14px}.summaryCard,.projectRow,.compactRow,.taskRow,.noteItem,.personCard,.callGroup,.statsGrid div,.modal,.authBox,.setup section{background:var(--bg-panel);box-shadow:var(--shadow-sm);border:0;border-radius:18px}.summaryCard{min-height:112px;padding:22px}.summaryCard span{color:var(--text-muted);font-size:13px}.summaryCard strong{letter-spacing:0;font-size:34px}.projectRow{grid-template-columns:minmax(220px,1fr) auto 120px auto;min-height:82px;padding:18px 20px}.projectRow strong,.compactRow strong,.taskRow strong,.noteItem strong,.personCard strong,.callGroup strong{color:var(--text-main);font-size:15px;font-weight:800}.projectRow:hover,.compactRow:hover,.taskRow:hover,.noteItem:hover,.personCard:hover,.callGroup:hover,.pickerItem:hover{box-shadow:var(--shadow-md);border-color:#0000}.compactRow,.taskRow,.noteItem,.personCard{padding:16px 18px}.progress{background:#edf1f5;height:8px}.progress i{background:var(--brand)}.badge,.chip{border:0;border-radius:999px;min-height:28px;padding:5px 10px;font-size:12px;font-weight:900}.blue{color:#1d4ed8;background:#dbeafe}.green{color:#15803d;background:#dcfce7}.amber{color:#b45309;background:#fef3c7}.gray{color:#374151;background:#e5e7eb}.dangerText{color:var(--danger)!important}.modal{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#ffffffe0;border:1px solid #ffffffb8;width:min(680px,100%);box-shadow:0 28px 70px #0f172a2e}.modalHeader{background:#ffffff70;border-bottom:0;padding:22px 24px 10px}.modalHeader h2{font-size:20px;font-weight:900}.formGrid,.pickerPane{gap:16px;padding:22px 24px 24px}.field{color:var(--text-main);gap:8px;font-size:13px}.empty,.notice,.errorBox{border:0;border-radius:18px;padding:20px}.empty{color:var(--text-muted);box-shadow:var(--shadow-sm);background:#fff}@media (width<=860px){.appShell{grid-template-columns:1fr}.sidebar{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;padding:8px;display:grid;overflow-x:auto}.brand,.navLabel{display:none}.navItem{width:auto;max-width:160px;margin:0}.topBar,.sectionHeader{flex-direction:column;align-items:stretch}.topActions{justify-content:space-between}.content{padding:16px}.projectRow,.compactRow,.taskRow,.callLayout,.filterBar,.linkFilterBar,.masterKeyBar,.statsGrid,.summaryGrid,.twoCols,.noteItem header,.inlineEditor{grid-template-columns:1fr}.rowActions{justify-content:flex-start}.taskRow p{grid-column:auto}}