:root{--bg:#101827;--panel:#1b2740;--panel2:#202d46;--text:#f4f7ff;--muted:#a7b5cc;--line:#31405b;--brand:#9b86ff;--soft:#363960;--good:#51d59a;--warn:#f2b94b;--bad:#fa7777;--shadow:0 10px 28px rgba(0,0,0,.21)}:root[data-theme=light]{--bg:#f4f6fa;--panel:#fff;--panel2:#eef2f7;--text:#172033;--muted:#64748b;--line:#d9e1ea;--brand:#6756cc;--soft:#e8e4ff;--good:#087b52;--warn:#b65d00;--bad:#b42318;--shadow:0 8px 20px rgba(15,23,42,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}.hidden{display:none!important}.auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:27px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:19px}.logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#9ba4ff,#7ce2e9);color:#fff;display:grid;place-items:center;font-weight:900}.small{font-size:11px;color:var(--muted);font-weight:600;margin-left:44px;margin-top:-4px}.auth-card h1{margin:25px 0 4px}.muted,.meta{color:var(--muted)}.meta{font-size:12px}.auth-form,.settings{display:grid;gap:13px;margin-top:20px}label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.input,select,textarea{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:10px;width:100%}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:9px 12px;font-weight:750}.btn:hover{filter:brightness(1.08)}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.danger{color:var(--bad)}.auth-message{min-height:20px;font-size:13px}.auth-message.error{color:var(--bad)}.auth-message.ok{color:var(--good)}.app{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:242px 1fr}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;background:#121d31;border-right:1px solid #202d44;padding:20px 13px}.sidebar .brand{padding:0 7px}.nav{display:grid;gap:4px;margin-top:23px}.nav button,.mobile button{border:0;background:transparent;color:#cad4e8;text-align:left;border-radius:9px;padding:10px 12px;font-weight:700}.nav button:hover,.nav button.active,.mobile button.active{color:#fff;background:var(--soft);box-shadow:inset 3px 0 0 var(--brand)}.sidefoot{position:absolute;bottom:20px;left:20px;right:16px;color:var(--muted);font-size:12px}.sidefoot button{margin-top:7px}main{padding:25px 35px 90px;max-width:1700px;width:100%}.top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:23px}.top h1{font-size:28px;letter-spacing:-.04em;margin:0}.sub{margin:3px 0 0;color:var(--muted)}.actions,.row-actions{display:flex;gap:9px;align-items:center}.right{margin-left:auto}.business{width:180px}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.metric-card{width:100%;text-align:left;color:var(--text)}.metric-card:hover{border-color:var(--brand);filter:brightness(1.07)}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow)}.metric-label{font-size:12px;color:var(--muted);font-weight:750}.metric{font-size:30px;font-weight:850;margin:6px 0 1px}.metric-note{font-size:12px;color:var(--good)}.quick{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 24px}.quick .btn{background:#293750;color:#ae9cff;border-color:#3c4c6a}.quick .primary{background:var(--brand);color:#fff;border-color:var(--brand)}.split{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:17px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{font-size:16px;margin:0}.count{font-size:12px;color:var(--muted)}.link{border:0;background:none;color:#aa99ff;font-weight:750;padding:0}.row{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding:11px 2px}.row:first-child{border-top:0}.dot{width:10px;height:10px;border-radius:50%;background:var(--brand);margin:6px 9px 0 0;flex:none}.check{appearance:none;width:18px;height:18px;border:2px solid var(--line);border-radius:5px;flex:none;margin-top:2px}.check:checked{background:var(--good);border-color:var(--good)}.tag{display:inline-block;border-radius:15px;padding:2px 7px;background:#303859;color:#b6a8ff;font-size:11px;font-weight:800;margin-left:5px}.tag.warn{color:var(--warn);background:#413723}.filter.active{border-color:var(--brand);color:#d0c8ff;background:var(--soft)}.tablecard{padding:0;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:700px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}.table th{background:var(--panel2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table tr:last-child td{border:0}.empty{text-align:center;color:var(--muted);padding:27px}.overlay{display:none;position:fixed;z-index:10;inset:0;background:rgba(4,9,19,.68);padding:18px;align-items:center;justify-content:center}.overlay.show{display:flex}.modal{background:var(--panel);color:var(--text);width:min(580px,100%);max-height:92vh;overflow:auto;border-radius:13px;padding:21px;box-shadow:0 24px 68px rgba(0,0,0,.4)}.modal h2{margin:0 0 16px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}textarea{min-height:112px;resize:vertical}.formactions{display:flex;justify-content:space-between;gap:8px;margin-top:17px}.mobile,.more-menu{display:none}.detail{max-width:920px;margin:auto}.detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:15px}.detail-top h2{margin:0;font-size:22px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.info{background:var(--panel2);border-radius:8px;padding:11px}.note-box{margin-top:17px}.note-card{border-top:1px solid var(--line);padding:12px 1px}.note-card:first-child{border-top:0}.note-date{font-size:12px;color:var(--muted);margin-bottom:3px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px;overflow:auto}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:9px 11px;font-weight:800;white-space:nowrap}.tabs button.active{color:#b5a8ff;border-color:var(--brand)}.tabpane{display:none}.tabpane.active{display:block}.loading{position:fixed;inset:0;background:rgba(12,19,32,.9);display:grid;place-items:center;z-index:20;font-weight:800}@media(max-width:880px){.app{display:block}.sidebar{display:none}main{padding:17px 13px 85px}.top{align-items:flex-start}.top h1{font-size:22px}.business{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.split,.kanban{grid-template-columns:1fr;gap:13px}.card{padding:14px}.mobile{display:flex;position:fixed;z-index:7;bottom:0;left:0;right:0;background:#121d31;border-top:1px solid var(--line);justify-content:space-around;padding:7px 3px calc(7px + env(safe-area-inset-bottom))}.mobile button{font-size:11px;text-align:center;padding:7px}.form,.detail-grid{grid-template-columns:1fr}.full{grid-column:auto}.more-menu{display:none;position:fixed;z-index:8;left:10px;right:10px;bottom:67px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 35px rgba(0,0,0,.3);padding:8px}.more-menu.show{display:grid}.more-menu button{border:0;background:transparent;color:var(--text);text-align:left;font-weight:750;padding:13px;border-radius:6px}.quick{margin-bottom:16px}.section-head{align-items:flex-start;gap:8px;flex-wrap:wrap}.row-actions{flex-wrap:wrap}}
.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kcol{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;min-height:110px}
.kcol-head{font-weight:800;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.kcard{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:9px;cursor:pointer}
.kcard:hover{border-color:var(--brand)}
.kcard .dealStageSel{margin-top:9px;padding:6px;font-size:12px}
.bell-wrap{position:relative}
#bellBtn{position:relative;font-size:16px;padding:9px 11px}
.badge{position:absolute;top:-7px;right:-7px;background:var(--bad);color:#fff;font-size:10px;font-weight:800;border-radius:11px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px}
.bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(350px,88vw);max-height:62vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:9;padding:10px 12px}
#importMap .form{grid-template-columns:repeat(4,1fr)}
@media(max-width:880px){#importMap .form{grid-template-columns:1fr 1fr}}
.prewrap{white-space:pre-wrap;overflow-wrap:break-word}

.section-head .link{padding:10px 8px;margin:-10px -8px}
