:root{--bg:#f6f7f3;--surface:#fff;--ink:#233e36;--muted:#819088;--line:#e5ebe5;--green:#28634f;--green-dark:#173f32;--nav:#16372f;--orange:#be8254;--warm:#f5e9d8;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}input,select,textarea{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6baf94;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.2px;font-weight:600;line-height:1.2}h2{font-size:18px;letter-spacing:-.3px;font-weight:600}h3{font-size:16px;line-height:1.4}p{line-height:1.7}small{font-size:12px}svg{flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#bbcec3;display:flex;flex-direction:column;padding:36px 20px 18px;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:#fff;padding:0 12px;margin-bottom:50px;font-size:28px;letter-spacing:-1px;font-weight:600}.brand-icon{display:grid;place-items:center;width:42px;height:42px;background:#2d5a49;border-radius:13px;color:#bedb9e}.brand-dot{color:#b7d89a}.brand small{display:block;font-size:10px;letter-spacing:.25px;color:#91ab9e;margin-top:4px;font-weight:400}.sidebar-label{font-size:9px;letter-spacing:2px;margin:0 14px 16px;color:#719180}nav{display:flex;flex-direction:column;gap:4px}.nav{display:flex;align-items:center;gap:13px;min-height:43px;padding:11px 14px;border:0;background:none;border-radius:7px;text-align:left;font-size:13px;font-weight:450;color:inherit;transition:.15s}.nav:hover{background:#214638;color:#fff}.nav.selected{background:#315b47;color:#e4f2cd}.nav small{margin-left:auto;font-size:10px;background:#466b56;padding:3px 7px;border-radius:5px}hr{border:0;border-top:1px solid var(--line);margin:18px 0}nav hr{border-color:#2b4c3d;margin:18px 10px}.sidebar-footer{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:1px solid #325241;padding-top:21px;font-size:11px}.sidebar-footer small{display:block;margin-top:5px;font-size:9px;color:#779582}.sidebar-footer svg{margin-left:auto;color:#8caf87}.profile-initial{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#60806a;color:#fff;font-size:11px}#main{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffa8;border-bottom:1px solid var(--line);padding:21px 38px;min-height:82px}.breadcrumbs{font-size:12px;font-weight:500;white-space:nowrap}.breadcrumbs span{margin:0 10px;color:#bdc9bf}.breadcrumbs small{color:#819088;font-size:11px;font-weight:400}.top-actions{display:flex;align-items:center;gap:16px}.search{display:flex;align-items:center;gap:10px;color:#8a9a90}.search input{border:0;background:transparent;outline:none;width:240px;font-size:11px;color:var(--ink);padding:8px 0}.search input::placeholder{color:#96a299}.lang{display:flex;gap:6px;align-items:center;border:0;background:transparent;color:#688073;font-size:11px}.content{padding:36px 38px 48px;max-width:1640px;width:100%;margin:auto auto 0;flex:1}footer{padding:0 38px 22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a0aca1}.btn{border:1px solid #dce5db;border-radius:6px;background:white;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.4;font-weight:500;white-space:normal;transition:.15s}.btn:hover{background:#f1f5ee;border-color:#bbd0bd}.btn.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 2px #123a2212}.btn.primary:hover{background:var(--green-dark)}.btn.quiet{background:transparent;border-color:transparent}.btn.small{padding:7px 11px;font-size:11px}.btn.danger{border-color:#dfcbc2;color:#a55b41}.link,.text-link{border:0;background:none;color:var(--green);font-size:11px;display:inline-flex;align-items:center;gap:5px;padding:5px}.text-link{font-size:12px}.icon-btn{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:#f0f4ef;color:#657e70}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:600;color:#779180;letter-spacing:1.8px;margin-bottom:14px}.page-heading p{font-size:12px;color:#829187;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:17px;padding:22px}.stat-icon{width:42px;height:42px;border-radius:10px;background:#eaf3eb;display:grid;place-items:center;color:#60946f}.stat-icon.network{background:#edf0e8;color:#879466}.stat-icon.today{background:#fbf1e4;color:#bb925f}.stat-icon.events{background:#e9edf5;color:#859ab6}.stat div{display:flex;flex-direction:column;gap:6px}.stat div>span{font-size:11px;color:#8a988f}.stat strong{font-size:26px;font-weight:600;line-height:1}.dashboard-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:24px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eef2ec}.panel-heading h2{font-size:15px;display:flex;align-items:center;gap:9px}.panel-heading p{font-size:10px;color:#8c9a90;margin-top:5px}.count{display:inline-block;background:#f0f4eb;color:#899978;padding:3px 6px;border-radius:4px;font-size:10px;line-height:1.4;white-space:nowrap}.person-row{width:100%;border:0;background:none;display:flex;align-items:center;gap:13px;padding:16px 24px;text-align:left;border-bottom:1px solid #f0f3ed}.person-row:last-child{border:0}.person-row:hover{background:#f7faf4}.avatar{height:36px;width:36px;min-width:36px;display:inline-grid;place-items:center;border-radius:50%;background:#dfece5;color:#588372;font-size:11px;letter-spacing:.4px;font-weight:600}.avatar.b{background:#f0e6d6;color:#a48a62}.avatar.c{background:#e1e7ef;color:#7e91aa}.avatar.d{background:#eee2df;color:#b38c7c}.avatar.company{border-radius:8px}.avatar.group{border-radius:12px}.person-row strong,.cell-name strong{display:block;font-size:12px;font-weight:600}.person-row small,.cell-name small{display:block;font-size:10px;color:#8c9a90;margin-top:5px}.row-end{margin-left:auto;color:#879b8a}.badge{display:inline-flex;font-size:9px;font-weight:500;padding:4px 8px;border-radius:4px;background:#f0f5eb;color:#78925e;white-space:normal;line-height:1.4}.badge.warm{background:#fcf1e4;color:#b88d55}.badge.muted{background:#f0f1ee;color:#969d96}.badge.soft{background:#edf7f0;color:#518965}.event-card{padding:22px 24px;display:flex;gap:16px;border-bottom:1px solid #f0f3ed;align-items:flex-start}.event-card:last-child{border:0}.event-date{width:46px;flex-shrink:0;background:#f3f6ed;border:1px solid #e9efdd;border-radius:6px;text-align:center;padding:8px 0;color:#7b9660}.event-date strong{display:block;font-size:20px;font-weight:500;line-height:1}.event-date span{display:block;font-size:9px;margin-top:6px;text-transform:uppercase}.event-top{display:flex;gap:6px;align-items:center;font-size:9px;color:#9aa59a}.source-dot{width:5px;height:5px;background:#799b6c;border-radius:50%}.event-title{display:block;border:0;background:none;text-align:left;padding:0;margin:8px 0 7px;font-size:12px;font-weight:600}.event-card p{font-size:10px;color:#94a092;display:flex;align-items:center;gap:5px}.empty{min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px;gap:12px}.empty-icon{color:#93ac93;background:#f2f6ec;border-radius:50%;width:54px;height:54px;display:grid;place-items:center}.empty h3{font-size:15px;letter-spacing:-.2px}.empty p{max-width:310px;color:#92a092;font-size:11px}.empty .btn{margin-top:8px}.welcome-card{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#edf2e6;border:1px solid #e3ebda;border-radius:10px;padding:35px 33px;margin-top:28px}.welcome-card h2{font-size:23px;letter-spacing:-.7px;margin-bottom:10px}.welcome-card p{font-size:12px;color:#8a9981}.welcome-card .actions{margin-top:20px}.welcome-card .eyebrow{font-size:8px;color:#94a77d}.actions{display:flex;gap:10px;flex-wrap:wrap}.welcome-network{width:320px;height:180px;position:relative;flex-shrink:0}.welcome-network>svg{position:absolute;inset:0;stroke:#c7d7b7;stroke-width:1.3;fill:none}.wn{position:absolute;z-index:1;display:grid;place-items:center;border:5px solid #e9f0df;border-radius:50%;width:53px;height:53px;background:#d1dfbe;color:#91a877}.wn.n1{left:133px;top:63px;background:#799964;color:white;font-size:15px}.wn.n2{left:33px;top:8px}.wn.n3{left:233px;top:13px}.wn.n4{left:218px;top:118px}.task{display:flex;padding:16px 24px;align-items:center;gap:12px;border-top:1px solid #f0f3ed}.task strong{font-size:12px;display:block;font-weight:500}.task small{display:block;color:#92a08f;margin-top:6px;font-size:10px}.check-btn{width:21px;height:21px;border:1px solid #cad8c4;border-radius:5px;color:#c0d0b7;background:white}.contact-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:20px}.contact-strip button{background:none;border:0;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:9px}.contact-strip button:last-child{border:0}.contact-strip strong{font-size:12px}.contact-strip small{color:var(--muted);font-size:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tabs{display:flex;gap:3px;padding:3px;background:#eaf0e6;border-radius:6px}.tabs button{padding:8px 13px;border:0;background:none;border-radius:4px;font-size:11px;color:#7b8d7f}.tabs button.active{background:white;color:#35654e;box-shadow:0 1px 4px #28452d0a}.muted{color:var(--muted)}.toolbar .muted{font-size:11px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:9px;letter-spacing:.5px;text-transform:uppercase;font-weight:500;color:#8e9c90;background:#fafcf8;padding:16px 20px;border-bottom:1px solid var(--line)}td{padding:18px 20px;border-bottom:1px solid #edf1eb;vertical-align:middle}td strong{display:block;font-size:12px;font-weight:500}td small{display:block;font-size:10px;color:var(--muted);margin-top:5px}tbody tr:last-child td{border:0}.contacts-table tr[data-contact]{cursor:pointer}.contacts-table tr[data-contact]:hover{background:#fafcf7}.cell-name{display:flex;gap:12px;align-items:center}.tag{display:inline-block;padding:5px 8px;margin:2px;border-radius:4px;font-size:9px;color:#76926c;background:#f1f5ec;line-height:1.5}.graph-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.graph-toolbar select,.path-inputs select{padding:9px;border:1px solid #dce5da;border-radius:6px;background:white;color:#6d8375;font-size:11px}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;margin:13px 0}.check-label input{accent-color:var(--green)}.graph-toolbar .check-label{margin-left:auto;font-size:10px}.graph-panel{position:relative}.graph-legend{position:absolute;top:22px;left:24px;display:flex;gap:18px;z-index:1}.graph-legend span{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b9b8b}.graph-legend i{width:6px;height:6px;border-radius:50%;background:#83a991}.graph-legend i.companyType{background:#c6ab7f}.graph-legend i.group{background:#93a2be}.graph-legend i.event{background:#c79e92}#graph{width:100%;display:block;min-height:360px;touch-action:none}.edge{stroke:#c2d3c5;stroke-width:1.3}.edge.former{stroke-dasharray:4 5;opacity:.5}.edge.path-edge{stroke:#2b754f;stroke-width:3}.edge-label{font-size:9px;fill:#96aa96;paint-order:stroke;stroke:white;stroke-width:4px;stroke-linejoin:round}.graph-node{cursor:grab}.graph-node circle{stroke:white;stroke-width:4;filter:drop-shadow(0 3px 3px #1c4c3010)}.graph-node.focused circle{stroke:#7ea58b}.node-label{font-size:11px;fill:#526f5c;paint-order:stroke;stroke:white;stroke-width:4px}.node-initial{font-size:13px;fill:#5c806b;font-weight:500}.graph-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:20px}.graph-bottom small{font-size:9px;color:#9aac98}.graph-bottom div{display:flex;gap:5px}.graph-bottom button{border:1px solid #e0e8dc;border-radius:4px;background:white;font-size:11px;color:#789170;padding:6px 9px}.path-panel{margin-top:22px;padding:22px}.path-panel h3{font-size:13px;margin-bottom:14px}.path-inputs{display:flex;align-items:center;gap:12px}.path-inputs select{flex:1}.path-inputs+.tag{margin-top:15px}#path-result{margin-top:12px}.activity-card{padding:20px 24px;display:flex;gap:14px;border-bottom:1px solid var(--line)}.activity-card:last-child{border:0}.activity-symbol{height:33px;width:33px;background:#eff4ea;display:grid;place-items:center;color:#85a06f;border-radius:8px;flex-shrink:0}.activity-meta{font-size:10px;color:#96a38f;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.activity-card p{font-size:12px;margin:10px 0;color:#5c7563;white-space:pre-wrap}.circle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.circle-card{padding:26px;text-align:left;transition:.2s}.circle-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1d472409}.circle-art{display:grid;place-items:center;width:65px;height:65px;border-radius:16px;background:#e8f0df;color:#89a870;margin-bottom:28px}.circle-art.orange{background:#f3e8d8;color:#bc9560}.circle-art.blue{background:#e6ebf4;color:#90a7c0}.circle-art.purple{background:#eee7f1;color:#a190b5}.circle-card h2{margin-bottom:10px}.circle-card p{font-size:11px;color:#8d9d8a}.mini-avatars{display:flex;margin-top:24px}.mini-avatars .avatar{height:28px;width:28px;min-width:28px;margin-right:-5px;border:2px solid white;font-size:8px}.import-layout{display:grid;grid-template-columns:1.75fr 1fr;gap:24px;margin-bottom:26px}.import-form form>.form-grid,.import-form form>.help,.import-form form>.btn{margin:22px 24px}.import-form .upload-zone{margin:22px 24px}.upload-zone{border:1.5px dashed #d4e1cd;background:#fafcf7;border-radius:8px;min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:25px;color:#91aa7b}.upload-zone strong{font-size:12px;color:#678659}.upload-zone span{font-size:10px;color:#a1ad99;text-align:center}.upload-zone input{font-size:10px;max-width:100%;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin:15px 0}.form-grid .field{margin:0}.field>span{font-size:11px;color:#7f907d;font-weight:500}input:not([type=checkbox]):not([type=file]),select,textarea{border:1px solid #dce5d7;background:#fff;border-radius:5px;padding:10px 11px;font-size:12px;color:#385b43;max-width:100%}textarea{resize:vertical}.full{grid-column:1/-1}.help{font-size:10px;color:#96a48e;line-height:1.6}.import-tips{padding:28px}.tip-icon{color:#a8b994;display:block;margin-bottom:22px}.import-tips h3{font-size:17px;line-height:1.5;letter-spacing:-.3px}.import-tips>p{font-size:11px;color:#99a58f;margin-top:12px}.source-tips{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.source-tips strong{font-size:11px;font-weight:500}.source-tips p{font-size:10px;color:#98a58e;margin:5px 0 17px}.import-history{margin-top:24px}.history-row{display:flex;align-items:center;gap:13px;padding:17px 24px;border-bottom:1px solid #edf2e8;flex-wrap:wrap}.history-row:last-child{border:0}.history-row>span:nth-child(2){flex:1}.history-row strong{display:block;font-size:12px;font-weight:500}.history-row small{display:block;font-size:10px;color:#94a189;margin-top:5px}.file-icon{color:#8fa779}.padding{padding:25px}.padding>h2{margin-bottom:15px}.padding>p{font-size:11px;color:#91a085;margin-bottom:20px}.preview-panel{margin-top:25px}.preview-scroll{max-height:620px;overflow:auto}.preview-panel table{min-width:600px}.preview-panel td{font-size:11px}.preview-panel select{max-width:170px;font-size:10px;padding:7px;margin-bottom:6px}.preview-panel details{font-size:10px;margin:10px 0;color:#7f9277}.preview-panel details .check-label{font-size:10px}.mapping{padding:20px 25px}.mapping p{margin:15px 0}.mapping .btn{margin-top:16px}.warning-text{font-size:10px;color:#b18a4f;padding:10px 15px;line-height:1.7}.integration-card{margin-bottom:25px}.integration-name{display:flex;gap:14px;align-items:center}.tyme-logo{font-size:27px;font-weight:700;width:43px;height:43px;display:grid;place-items:center;background:#f2e5d9;color:#b58b67;border-radius:10px}.integration-body{padding:25px}.integration-body>p{font-size:12px;color:#879a7b;max-width:730px;margin-bottom:18px}.notice{padding:15px 18px;background:#faf2e7;border-radius:6px;color:#a58a5c!important;font-size:11px!important}.endpoint-block{position:relative;border:1px solid var(--line);border-radius:7px;padding:16px;margin:24px 0}.endpoint-block label{display:block;font-size:10px;color:#8ba07d;margin-bottom:10px}.endpoint-block code{display:block;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.endpoint-block .btn{margin-top:10px}.integration-body form{max-width:650px}.integration-body form .btn{margin:15px 0}.webhook-events{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.webhook-events code{font-size:10px;background:#f2f6ec;color:#8ba478;border-radius:5px;padding:6px 8px}.capabilities{padding:25px}.capabilities h4{font-size:11px;margin:25px 0 10px}.capabilities p{font-size:11px;color:#8a9e7c}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stack{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.settings-grid form{margin-top:15px}dialog{border:1px solid #e1e9dd;border-radius:12px;padding:0;max-width:660px;width:calc(100vw - 36px);max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #143a2940}dialog::backdrop{background:#183b2d55;backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-body{padding:25px 27px}.modal-body h3{margin:25px 0 14px;font-size:13px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--line);background:#fafcf7;position:sticky;bottom:0}.contact-profile{text-align:center}.contact-profile .avatar{width:62px;height:62px;font-size:19px}.contact-profile h2{font-size:25px;margin:16px 0 8px}.contact-profile p{font-size:12px;color:#91a281;margin-bottom:10px}.profile-actions{display:flex;justify-content:center;gap:8px;margin:23px 0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin:23px 0}.details-grid dt{font-size:9px;color:#9aac90;text-transform:uppercase;letter-spacing:.8px}.details-grid dd{margin:8px 0 0;font-size:12px;overflow-wrap:anywhere}.prewrap{white-space:pre-wrap;font-size:12px;color:#8a9d7a}.relation-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;color:#91a681}.profile-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;display:flex;gap:10px;justify-content:space-between}.modal-body .activity-card{padding:15px 0}.member-list{max-height:240px;overflow:auto}.member-list .avatar{width:25px;height:25px;min-width:25px;font-size:8px}.event-details h2{font-size:22px;margin-bottom:15px}.event-details p{font-size:12px;color:#8b9e7d;margin-bottom:10px}.modal-body form .btn{margin:15px 0}.demo-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 38px;background:#f2e7cc;color:#9e8446;font-size:11px}.demo-banner button{background:none;border:0;text-decoration:underline;font-size:11px}.toast{position:fixed;bottom:28px;right:28px;max-width:400px;z-index:100;background:#234c39;color:white;border-radius:8px;padding:14px 22px;font-size:12px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.visible{opacity:1;transform:none}.toast.error{background:#9d624d}.working button[type=submit],.working [data-action=commit]{pointer-events:none;opacity:.6}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.boot h2{font-size:30px}.boot p{color:#8fa37e;font-size:12px}.skip-link{position:fixed;left:10px;top:-100px;background:white;padding:12px;z-index:300}.skip-link:focus{top:10px}@media(min-width:1600px){.content{padding:44px 54px}.topbar{padding-left:54px;padding-right:54px}.stats{gap:24px}.stat{padding:28px}.dashboard-grid{gap:28px}.person-row{padding:20px 26px}.event-card{padding:24px 26px}.welcome-card{padding:40px}}
@media(max-width:1200px){.sidebar{width:210px;padding:28px 12px 16px}#main{margin-left:210px}.topbar{padding:18px 25px}.search input{width:180px}.content{padding:30px 25px}.stats{gap:12px}.stat{padding:18px 13px;gap:12px}.stat-icon{width:33px;height:33px}.stat strong{font-size:23px}.welcome-network{width:240px;transform:scale(.8);transform-origin:right}.circle-grid{grid-template-columns:repeat(2,1fr)}.contacts-table{overflow:auto}}
@media(max-width:950px){.sidebar{width:76px;padding:25px 10px}.brand{padding:0;justify-content:center;margin-bottom:35px}.brand>span:last-child,.sidebar-label,.nav span,.nav small,.sidebar-footer span:not(.profile-initial),.sidebar-footer svg{display:none}.nav{padding:12px;justify-content:center}.sidebar-footer{justify-content:center}.brand-icon{width:38px;height:38px}#main{margin-left:76px}.topbar{padding:18px}.breadcrumbs{display:none}.top-actions{width:100%;justify-content:space-between;gap:10px}.search{flex:1}.search input{width:100%;font-size:10px}.content{padding:28px 20px}.dashboard-grid{grid-template-columns:1fr}.welcome-card{padding:28px}.welcome-network{display:none}.import-layout{grid-template-columns:1fr}.import-tips{display:none}.circle-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}footer{padding:15px 20px;font-size:8px}.page-heading h1{font-size:27px}.page-heading{align-items:flex-start}.graph-legend{gap:10px}.path-inputs{flex-wrap:wrap}}
@media(max-width:600px){.sidebar{width:59px;padding:25px 6px}.nav{padding:11px}.nav svg{width:18px;height:18px}.sidebar-footer{padding-top:15px}.brand-icon{width:32px;height:32px}.brand-icon svg{width:23px;height:23px}#main{margin-left:59px}.content{padding:25px 13px}.topbar{padding:14px 12px}.top-actions>.btn{padding:8px}.top-actions>.btn span{display:none}.lang{font-size:10px;padding:4px}.search input{font-size:9px}.eyebrow{font-size:7px}.page-heading{display:block}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading>.btn{margin-top:15px}.stats{gap:9px}.stat{padding:15px 11px;gap:9px}.stat-icon{height:27px;width:27px}.stat-icon svg{height:16px;width:16px}.stat div>span{font-size:9px}.stat strong{font-size:22px}.panel-heading{padding:18px 16px}.panel-heading h2{font-size:14px}.person-row,.event-card,.task{padding:17px 16px}.dashboard-grid{gap:18px}.welcome-card{padding:24px}.welcome-card h2{font-size:21px}.circle-grid{grid-template-columns:1fr}.circle-card{padding:23px}.form-grid{grid-template-columns:1fr}.graph-legend{flex-wrap:wrap;font-size:8px}.graph-bottom{display:block}.graph-bottom small{display:block;margin-bottom:10px}.graph-toolbar .check-label{margin-left:0}#graph{min-height:320px}.contact-strip{grid-template-columns:1fr 1fr;gap:20px}.contact-strip button:nth-child(2){border:0}.details-grid{grid-template-columns:1fr}.profile-actions{flex-wrap:wrap}.profile-bottom{flex-wrap:wrap}.modal-body{padding:20px}.modal-heading{padding:18px 20px}.modal-body .form-grid{gap:14px}.import-form form>.form-grid,.import-form form>.help,.import-form form>.btn,.import-form .upload-zone{margin:20px 16px}.history-row{padding:16px}.demo-banner{padding:10px 14px;font-size:9px;gap:10px}.demo-banner button{font-size:9px}footer{display:block;line-height:1.8}footer span{display:block}.toast{right:15px;bottom:15px;left:75px;font-size:11px}.panel-heading .count{font-size:8px;white-space:normal}.integration-body{padding:20px}.integration-body p{font-size:11px}.source-dot{display:none}.event-card p{flex-wrap:wrap}.path-inputs select{max-width:100%;min-width:110px}.page-heading .btn{font-size:10px}.breadcrumb{display:none}}

/* Relationship editing and graphical connection tools */
.graph-tools{margin:-3px 0 18px}.interaction-tabs{display:inline-flex;background:#e8eee5;flex-wrap:wrap}.interaction-tabs button[aria-pressed=true]{background:#2b654f;color:white}.graph-instruction{font-size:11px;color:#80947c;margin:11px 2px 0;max-width:860px;line-height:1.6}.graph-port{fill:#fff;stroke:#4e8f6b!important;stroke-width:2!important;filter:none!important;cursor:crosshair}.graph-port:hover{fill:#d8eadb}.graph-node.path-start .node-disc{stroke:#c79750;stroke-width:5}.graph-node .node-detail{font-size:9px;font-weight:400;fill:#7e927c}.graph-edge{cursor:pointer}.graph-edge.virtual{cursor:default}.edge-hit{stroke:transparent;stroke-width:20;pointer-events:stroke}.relationship-line{pointer-events:none;stroke-linecap:round}.relationship-line.former{stroke-dasharray:5 6;opacity:.6}.graph-edge:hover .edge-label{fill:#315f46}.graph-edge:hover .relationship-line{filter:drop-shadow(0 0 2px #375f4740)}.connection-preview{stroke:#468465;stroke-width:2;stroke-dasharray:6 5;pointer-events:none}.connecting .graph-node,.picking-path .graph-node{cursor:crosshair}.path-style{border-top:1px solid var(--line);margin-top:19px;padding-top:18px;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.path-style h3{width:100%;margin:0}.path-style .field{margin:0}.path-style .field input[type=number]{width:100px}.field input[type=color]{width:100%;min-height:40px;padding:5px}.path-style .field input[type=color]{width:90px}.graph-field{display:flex;flex-direction:column;justify-content:flex-start;gap:5px}.graph-field .field{margin:0}.field-visibility{display:flex;align-items:center;gap:7px;color:#8b9a82;font-size:10px;line-height:1.5;margin:2px 0}.field-visibility input{accent-color:var(--green);margin:2px}.visibility-help{margin-bottom:22px}.graph-visibility-panel{border:1px solid #e5ebdf;background:#fafcf7;border-radius:7px;padding:2px 17px 16px;margin:22px 0}.graph-visibility-panel h3{margin:15px 0 8px}.visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.free-fields{border-top:1px solid var(--line);padding-top:5px}.free-fields>h3{margin:15px 0}.custom-field-row{display:grid;grid-template-columns:1fr 1.3fr 30px;gap:10px;margin-bottom:17px;padding:14px;background:#f8faf5;border:1px solid var(--line);border-radius:6px}.custom-field-row .field{margin:0}.custom-field-row .field-visibility{grid-column:1/3}.custom-field-row .icon-btn{grid-column:3;grid-row:1/3;align-self:center}.free-fields>.btn{margin-top:8px}.relationship-preview{border:1px solid var(--line);border-radius:7px;background:#fafcf7;padding:14px 16px}.relationship-preview>span{font-size:10px;color:#96a58d}.relationship-preview svg{display:block;width:100%;max-height:90px}.relationship-edit{font-size:11px}.relation-row{flex-wrap:wrap}.relation-row .relationship-edit{flex:1;text-align:center;justify-content:center}.modal-body input[hidden],.modal-body [hidden]{display:none!important}
@media(max-width:650px){.interaction-tabs{display:flex}.interaction-tabs button{font-size:10px;padding:9px 10px;flex:1}.graph-instruction{font-size:10px}.path-style{gap:10px}.path-style .btn{width:100%}.visibility-options{grid-template-columns:1fr 1fr}.custom-field-row{grid-template-columns:1fr 30px}.custom-field-row .field{grid-column:1}.custom-field-row .field-visibility{grid-column:1}.custom-field-row .icon-btn{grid-column:2;grid-row:1/4}.field-visibility{font-size:9px}}
.diagram-select{display:flex;align-items:center;gap:9px;font-weight:600}.tree-help{font-size:13px;margin:0 0 14px}.edge-hit{fill:none}
/* Contact cards keep all selected graph details inside the node boundary. */
.contact-card{fill:#fff;stroke:#bbc9c3;stroke-width:1.3;filter:drop-shadow(0 3px 4px #203e3614)}
.contact-card-node:hover .contact-card,.contact-card-node:focus-visible .contact-card{stroke:var(--card-accent);stroke-width:2}
.contact-card-node.focused .contact-card{stroke:#3b896c;stroke-width:2.5;fill:#fcfefb}
.contact-card-node.path-start .contact-card{stroke:#dc8b23;stroke-width:3}
.card-type-icon{font-size:15px}.card-type-label{font-size:10px;fill:#8a9993;letter-spacing:.3px}
.card-content{font-size:12px;fill:#64756e;pointer-events:none}.card-content.card-name{font-size:14px;font-weight:650;fill:#263e35}
.connection-count rect{fill:#edf3e9;stroke:#dfe9d9;stroke-width:1}.connection-count text{fill:#476c45;font-size:12px;font-weight:650;pointer-events:none}
.minimal-name{font-size:14px;fill:#283c34;stroke:#fafaf8;stroke-width:3.5px;stroke-linejoin:round;paint-order:stroke;pointer-events:none}
.minimal-node.focused .node-disc{stroke:#f59e0b;stroke-width:3;paint-order:stroke}
.dynamic-graph .minimal-node .graph-port{opacity:0;pointer-events:none}
.dynamic-graph.connecting .minimal-node .graph-port,.dynamic-graph .minimal-node:hover .graph-port{opacity:1;pointer-events:auto}
.dynamic-graph .relationship-line{opacity:.65}.graph-node{touch-action:none}.graph-bottom>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.graph-legend:has(+.dynamic-graph) .person{background:#f59e0b}.graph-legend:has(+.dynamic-graph) .companyType{background:#3688ef}.graph-legend:has(+.dynamic-graph) .group{background:#9461f5}.graph-legend:has(+.dynamic-graph) .event{background:#b47e66}
@media(max-width:600px){.graph-bottom{gap:10px;align-items:flex-start}.diagram-select{width:100%}.diagram-select select{flex:1}}
.graph-node .card-type-icon circle{stroke:inherit;stroke-width:1.3;filter:none}.contact-card-node>circle:not(.graph-port){stroke:none;filter:none}
.avatar.has-photo{padding:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.contact-profile>.avatar.has-photo{width:112px;height:112px;min-width:112px}.photo-editor{display:flex;align-items:center;gap:22px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#fafcf8;margin-bottom:22px}.photo-preview{width:112px;height:112px;flex:0 0 112px;display:grid;place-items:center;background:#eaf0e8;border-radius:12px;overflow:hidden}.photo-preview>.avatar{width:100%;height:100%;font-size:28px;border-radius:0}.photo-preview>img{width:100%;height:100%;object-fit:cover}.photo-editor-controls{min-width:0;flex:1}.photo-editor-controls .field{margin-bottom:8px}.photo-editor-controls input[type=file]{width:100%;font-size:12px}.photo-placeholder{color:#7d9d88}.photo-editor [hidden]{display:none!important}button:disabled{opacity:.55;cursor:wait}@media(max-width:550px){.photo-editor{align-items:flex-start;gap:15px}.photo-preview{width:80px;height:80px;flex-basis:80px}}