:root{--primary:#0b58eb;--primary-hover:#0947c7;--primary-strong:#0a3fb0;--primary-soft:#e8f0fe;--primary-softer:#f3f7ff;--primary-border:#c7d9fb;--primary-ring:#0b58eb24;--brand-deep:#0930e0;--brand-sky:#079ef7;--brand-cyan:#21eefd;--brand-ice:#e4f1fb;--brand-gradient:linear-gradient(135deg,#0f1bfc 0%,#0b58eb 42%,#079ef7 78%,#23ecfc 100%);--text:#101a33;--text-muted:#5b6b82;--surface:#fff;--page:#f4f7fc;--border:#dde5f0;--success:#14804a;--success-soft:#e7f6ee;--warning:#9a5800;--warning-soft:#fff3dc;--danger:#b42318;--danger-soft:#fdeceb}:root{font-family:Inter,Noto Sans TC,sans-serif;color:var(--text);background:var(--page)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;border-radius:9px;background:var(--primary);color:#fff;padding:10px 15px;cursor:pointer;font-weight:650}button:hover{background:var(--primary-hover)}button:disabled{opacity:.55;cursor:wait}.brand-mark,.logo span,.avatar{display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:10px;font-weight:800}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}aside{background:#fff;border-right:1px solid #e2e8ee;padding:22px 14px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;padding:0 8px 28px;font-size:1.25rem}.logo span{width:31px;height:31px;font-size:.8rem}nav{display:grid;gap:4px}nav button{background:transparent;color:#52606d;text-align:left;font-weight:550;padding:11px 12px}nav button:hover,nav button.active{background:var(--primary-soft);color:var(--primary-hover)}.account{margin-top:auto;border-top:1px solid #e8edf0;padding:16px 8px 0;display:grid;gap:8px;color:#617182;font-size:.8rem;word-break:break-all}.text-button{padding:0;background:transparent;color:var(--primary);text-align:left}.workspace{max-width:1180px;width:100%;margin:auto;padding:34px 40px}.message{min-height:1.25em;color:#b45309;margin:0 0 10px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{margin:3px 0 6px;font-size:1.9rem}.page-heading p{margin:0;color:#617182}.eyebrow{color:var(--primary)!important;font-weight:750;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.toolbar{display:flex;align-items:center;gap:18px;margin-bottom:20px}.toolbar input{min-width:0;flex:1;border:1px solid #cbd7de;border-radius:9px;padding:11px 13px;background:#fff}.toolbar span{white-space:nowrap;color:#617182;font-size:.9rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}article{display:flex;gap:12px;background:#fff;border:1px solid #e4eaee;border-radius:12px;padding:17px;min-height:138px;box-shadow:0 2px 8px #17203308}.avatar{width:38px;height:38px;flex:0 0 auto;background:var(--primary-border);color:var(--primary-strong)}article h3,article p{margin:0 0 5px}article p{font-size:.9rem;color:#52606d}.company{font-weight:650;color:#273848!important}article small{color:#728193}.departed{filter:grayscale(1);opacity:.62}.badge{display:inline-block;margin-top:8px;border-radius:99px;padding:3px 7px;background:#fff1d8;color:#9a5d00;font-size:.75rem}.empty-state{background:#fff;border:1px dashed #c8d0dc;border-radius:12px;text-align:center;padding:54px;color:#617182}.empty-state strong{color:#273848}.settings{max-width:780px;background:#fff;border:1px solid #e4eaee;border-radius:14px;padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:14px 0}label{display:grid;gap:6px;color:#425466;font-size:.88rem}input,textarea{width:100%;border:1px solid #c5d2da;border-radius:8px;padding:10px;color:#172033;background:#fff}input:disabled{background:#f1f4f6;color:#7a8793}textarea{min-height:84px;resize:vertical;margin:0 0 18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203377;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:15px;padding:24px;box-shadow:0 24px 70px #0004}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.modal-heading h2{margin:3px 0}.icon-button{background:transparent;color:#52606d;font-size:1.6rem;padding:0 6px}.icon-button:hover{background:transparent;color:#172033}.upload{display:inline-block;background:var(--primary-soft);color:var(--primary-hover);border-radius:8px;padding:10px 13px;font-weight:700;cursor:pointer;margin-bottom:6px}.upload input{display:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.secondary{background:#e4e8ef;color:#31414b}.secondary:hover{background:#d4dae4}@media(max-width:720px){.app-shell{display:block}aside{position:sticky;top:0;z-index:3;padding:12px 16px;flex-direction:row;align-items:center;gap:12px}.logo{padding:0;font-size:1rem}.account{display:none}nav{display:flex;margin-left:auto}nav button{font-size:.8rem;padding:8px}.workspace{padding:23px 16px}.page-heading{display:block}.page-heading>button{margin-top:17px}.form-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column;gap:8px}.toolbar span{font-size:.8rem}.settings{padding:20px}.card-grid{grid-template-columns:1fr}}@media(max-width:440px){nav button{font-size:0;padding:9px}.logo{margin-right:auto}.modal{padding:19px}}.workspace{max-width:1500px;margin:0 auto;padding:0 34px 100px}.message{margin:0;color:#a65712}.cards-page{min-height:100vh}.cards-topbar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr minmax(260px,540px) 1fr;align-items:center;gap:16px;padding:18px 0;background:#f5f7fbee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e4e9ed}.search-box{grid-column:2;display:flex;align-items:center;gap:10px;padding:0 13px;background:#fff;border:1px solid #d6dfe5;border-radius:11px;color:#7b8792;box-shadow:0 2px 7px #17203308}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.search-box input{border:0;outline:0;box-shadow:none;width:100%;padding:12px 0;background:transparent}.add-card-button{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.cards-heading{margin:24px 0 25px}.cards-heading h1{font-size:1.7rem}.cards-heading p:not(.eyebrow){font-size:.85rem}.card-group{margin-bottom:28px}.group-heading{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;color:#243643}.group-heading span{font-size:.75rem;background:#e8ecf1;border-radius:99px;padding:3px 9px;color:#657786}.card-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.card-list{display:grid;gap:8px}.contact-card{position:relative;display:flex;text-align:left;align-items:flex-start;gap:12px;min-width:0;min-height:154px;width:100%;padding:20px;background:#fff;color:#1d2934;border:1px solid #e0e4eb;border-radius:13px;box-shadow:0 3px 14px #162c3908}.contact-card:hover{background:#fff;border-color:var(--primary);box-shadow:0 7px 22px #142a5218}.contact-main{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.contact-main strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-main strong small{font-size:.76rem;font-weight:500;color:#66727c;margin-left:5px}.contact-title{font-size:.85rem;color:#344258}.contact-company{display:flex;align-items:center;gap:5px;color:#75848e;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-meta{position:absolute;left:20px;right:20px;bottom:17px;padding-top:12px;border-top:1px solid #edeff1;display:flex;gap:12px;flex-wrap:wrap;color:#687781;font-size:.77rem}.contact-meta span{display:inline-flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.contact-chevron{color:#a7aeb9;margin-top:9px}.self-badge{font-size:.7rem;font-style:normal;color:var(--primary);background:var(--primary-soft);border-radius:99px;padding:2px 7px;margin-left:7px}.card-list .contact-card{min-height:78px;align-items:center;padding:12px 20px}.card-list .contact-main{display:grid;grid-template-columns:minmax(150px,1fr) minmax(140px,1fr) minmax(150px,1fr);align-items:center;gap:14px}.card-list .contact-meta{position:static;border:0;padding:0;align-self:center;min-width:190px}.card-list .contact-meta span:last-child{display:none}.card-list .contact-chevron{margin:0}.view-controls{position:fixed;right:24px;bottom:23px;z-index:4;display:flex;align-items:center;gap:3px;padding:6px;background:#fff;border:1px solid #d8dee6;border-radius:14px;box-shadow:0 10px 32px #162c3928}.view-controls button{display:flex;align-items:center;gap:7px;background:transparent;color:#5c6c76;padding:9px 11px;font-size:.8rem;white-space:nowrap}.view-controls button:hover,.view-controls button.selected{background:var(--primary-soft);color:var(--primary-strong)}.control-divider{height:22px;width:1px;background:#dce1e8;margin:0 4px}.switch-track{width:29px;height:17px;border-radius:99px;background:#c9cfd9;padding:2px;transition:background .15s}.switch-track span{display:block;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s}.view-controls button.selected .switch-track{background:var(--primary)}.view-controls button.selected .switch-track span{transform:translate(12px)}.modal{width:min(760px,100%)}.modal-heading{align-items:center}.modal-heading h2{font-size:1.15rem}.business-card{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1.83;width:100%;min-height:260px;padding:28px 32px;background:linear-gradient(145deg,#1d1e1e,#08090b);color:#fff;border-radius:16px;box-shadow:0 9px 23px #0002}.business-company{display:flex;flex-direction:column;gap:3px;font-size:.85rem;line-height:1.45}.business-company span{font-size:.67rem;letter-spacing:.1em;color:#aeb5b7}.business-person>div{display:flex;align-items:baseline;gap:11px}.business-person strong{font-size:1.6rem}.business-person span{font-size:.9rem;color:#c4ccce}.business-person p{margin:7px 0 1px;font-size:.82rem;color:#bfc7c9}.business-person b{display:block;margin-top:5px;color:#eac26b;font-size:.9rem}.business-contact{display:flex;flex-wrap:wrap;gap:8px 24px;border-top:1px solid #ffffff30;padding-top:15px;font-size:.75rem;color:#d5d9df}.business-contact span{display:inline-flex;align-items:center;gap:7px;overflow-wrap:anywhere}.preview-actions{display:flex;justify-content:flex-end;margin:14px 0 24px}.preview-actions button,.event-form button,.modal-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.timeline-heading{display:flex;align-items:baseline;gap:9px;border-bottom:1px solid #e7ecef;margin:0 0 10px}.timeline-heading h3{font-size:1.02rem;margin:0 0 10px}.timeline-heading span,.edit-count{color:#88949b;font-size:.78rem}.timeline-empty{color:#8a979f;font-size:.85rem;padding:8px 0}.timeline{border-left:2px solid var(--primary-border);margin:0 0 12px 7px;padding:2px 0 5px 15px}.timeline strong{font-size:.88rem}.timeline small{margin-left:12px;color:#87959e}.timeline p{margin:5px 0 0;color:#485964;font-size:.85rem}.event-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8f9fb;border:1px solid #e4e8ef;border-radius:11px;padding:15px;margin-top:18px}.event-form h4{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:.92rem}.event-form select{width:100%;border:1px solid #c5d2da;border-radius:8px;padding:10px;background:#fff;color:#172033}.event-form textarea{grid-column:1/-1;margin:0}.event-form button{justify-self:start}.edit-count{margin:15px 0 0}.form-grid{margin-bottom:18px}@media(max-width:950px){.card-list .contact-main{grid-template-columns:1fr 1fr}.card-list .contact-company{display:none}.card-list .contact-meta{min-width:0}}@media(max-width:720px){.workspace{padding:0 16px 100px}.cards-topbar{top:56px;grid-template-columns:1fr auto;padding:11px 0}.search-box{grid-column:1}.add-card-button{grid-column:2;padding:11px;font-size:0;gap:0}.add-card-button svg{width:20px;height:20px}.cards-heading{margin:20px 0}.card-list .contact-main{display:flex;gap:4px}.card-list .contact-title,.card-list .contact-meta{display:none}.view-controls{right:12px;bottom:12px;max-width:calc(100vw - 24px)}.view-controls button{padding:9px}.view-controls button>span:not(.switch-track){display:none}.business-card{padding:20px;min-height:245px}.business-person strong{font-size:1.35rem}.event-form{grid-template-columns:1fr}.event-form h4,.event-form textarea{grid-column:1}.modal{padding:18px}}@media(max-width:400px){.business-contact{font-size:.68rem;gap:5px}.business-person span{font-size:.77rem}}.message:empty{display:none}.app-shell{display:block;min-height:100vh;padding-left:68px}.app-shell>.sidebar{position:fixed;inset:0 auto 0 0;z-index:6;width:68px;height:100vh;height:100dvh;padding:16px 10px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;background:#fff;border-right:1px solid #e2e8ee;box-shadow:2px 0 14px #17203308;transition:width .18s ease}.app-shell>.sidebar.sidebar-expanded{width:244px;box-shadow:8px 0 28px #17203317}.sidebar-brand,.sidebar nav button,.sidebar-logout{display:flex;align-items:center;gap:14px;width:100%;height:44px;padding:10px 13px;border-radius:10px;background:transparent;color:#52606d;text-align:left;white-space:nowrap;font-weight:600}.sidebar-brand:hover,.sidebar nav button:hover,.sidebar-logout:hover{background:var(--primary-soft);color:var(--primary-hover)}.sidebar-brand{height:48px;margin-bottom:24px;color:var(--primary);font-size:1.14rem}.sidebar-brand{padding-left:10px;padding-right:10px}.sidebar-brand-icon,.sidebar nav svg,.sidebar-logout svg{display:grid;place-items:center;flex:0 0 20px}.sidebar-brand-icon img{display:block;width:24px;height:24px;object-fit:contain}.sidebar nav{display:grid;gap:5px;margin:0}.sidebar nav button.active{background:var(--primary-soft);color:var(--primary-hover)}.sidebar .sidebar-label{display:none;overflow:hidden;text-overflow:ellipsis}.sidebar.sidebar-expanded .sidebar-label{display:block}.sidebar .account{display:grid;gap:9px;margin-top:auto;padding:12px 0 0;border-top:1px solid #e8edf0}.sidebar .account-email{padding:3px 13px;color:#697984;font-size:.73rem;word-break:break-all}.sidebar-logout{font-size:.86rem}.modal-backdrop{z-index:10}@media(max-width:720px){.app-shell{padding-left:60px}.app-shell>.sidebar{width:60px;padding:12px 6px}.app-shell>.sidebar.sidebar-expanded{width:min(244px,calc(100vw - 24px))}.sidebar-brand,.sidebar nav button,.sidebar-logout{height:44px;padding:10px 13px;font-size:.86rem}.sidebar .account{display:grid}.cards-topbar{top:0}}.drawer-backdrop{display:flex;justify-content:flex-end;align-items:stretch;padding:0}.drawer-backdrop .modal{width:min(760px,100vw);height:100vh;height:100dvh;max-height:none;margin:0;border-radius:18px 0 0 18px;padding:26px 30px;box-shadow:-20px 0 55px #17203330;animation:drawer-enter .22s ease-out}@keyframes drawer-enter{0%{transform:translate(32px);opacity:.7}to{transform:translate(0);opacity:1}}.timeline-heading{align-items:center;gap:9px;padding-bottom:10px}.timeline-heading h3{margin:0}.timeline-heading .add-event-icon{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;padding:0;border-radius:9px;background:var(--primary-soft);color:var(--primary)}.timeline-heading .add-event-icon:hover{background:var(--primary-border)}@media(max-width:720px){.drawer-backdrop .modal{width:100vw;border-radius:0;padding:20px}}@media(prefers-reduced-motion:reduce){.drawer-backdrop .modal{animation:none}}.business-card{position:relative}.avatar-portrait{display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:var(--primary-border);color:var(--primary-strong);font-weight:800}.avatar-portrait svg{display:block;width:100%;height:100%}.avatar-user-icon svg{width:56%;height:56%;stroke-width:1.8}.business-person{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.business-person>.business-person-copy{display:block;min-width:0}.business-person-copy>div{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}.business-preview-avatar{width:76px;height:76px;border:2px solid #ffffff55}.avatar-picker{grid-column:1/-1;min-width:0}.avatar-picker>span{display:block;color:#425466;font-size:.88rem}.avatar-picker>small{display:block;margin:3px 0 9px;color:#8996a0;font-size:.75rem}.avatar-options{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px}.avatar-options button{display:grid;justify-items:center;gap:5px;flex:0 0 70px;padding:8px 5px;background:#f7f9fb;border:1px solid #dce2eb;color:#586b76;font-size:.73rem}.avatar-options button:hover,.avatar-options button.selected{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-hover)}.form-grid select{width:100%;min-height:40px;padding:9px 10px;border:1px solid #c5d2da;border-radius:8px;background:#fff;color:#172033;font:inherit}@media(max-width:720px){.business-preview-avatar{width:56px;height:56px}}.business-social-links{display:inline-flex;align-items:center;gap:4px}.business-social-links a{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#d5d9df;background:#ffffff16}.business-social-links a:hover{color:#fff;background:#ffffff35}.business-social-links a:focus-visible{outline:2px solid #eac26b;outline-offset:2px}.business-company{padding-right:48px}.business-edit-button{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:34px;height:34px;padding:0;background:#ffffff1c;border:1px solid #ffffff36;color:#fff;border-radius:9px}.business-edit-button:hover{background:#ffffff34}.business-edit-button:focus-visible{outline:2px solid #eac26b;outline-offset:3px}.business-card+.timeline-heading{margin-top:28px}.event-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.event-form label{min-width:0}.event-form button{grid-column:1/-1;justify-self:end}@media(max-width:720px){.event-form{grid-template-columns:1fr}.event-form button{grid-column:1}}.phone-fieldset{grid-column:1/-1;min-width:0;margin:2px 0 0;padding:0;border:0}.phone-fieldset legend{padding:0 0 8px;color:#425466;font-size:.88rem}.phone-fields{display:grid;grid-template-columns:minmax(72px,.8fr) minmax(72px,.8fr) minmax(140px,1.7fr) minmax(72px,.8fr);gap:10px}.phone-fields label,.phone-fields input{min-width:0}.country-code-field{display:grid;gap:6px;min-width:0}.country-code-label{color:#425466;font-size:.88rem}.country-code-trigger{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:40px;padding:9px 8px;border:1px solid #c5d2da;border-radius:8px;background:#fff;color:#172033;font-weight:400;text-align:left}.country-code-trigger:hover{background:#f7f9fb;border-color:var(--primary)}.country-code-trigger svg{flex:0 0 auto;color:#647082}.country-code-popover{position:fixed;z-index:30;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 16px));padding:8px;background:#fff;border:1px solid #c9d1de;border-radius:12px;box-shadow:0 16px 40px #17203338}.country-code-search{display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid #c5d2da;border-radius:8px;color:#788995}.country-code-search input{min-width:0;padding:9px 0;border:0;outline:0}.country-code-options{min-height:0;overflow-y:auto;padding-top:6px}.country-code-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;background:transparent;color:#253743;font-size:.85rem;font-weight:450;text-align:left}.country-code-options button:hover,.country-code-options button[aria-selected=true]{background:var(--primary-soft);color:var(--primary-hover)}.country-code-options small{color:#677386;white-space:nowrap}.country-code-options p{margin:12px 8px;color:#788995;font-size:.84rem}.editor-backdrop .modal{display:flex;flex-direction:column;overflow:hidden}.editor-backdrop .modal-heading{flex:0 0 auto;margin-bottom:14px}.card-editor{display:flex;flex-direction:column;flex:1;min-height:0}.card-editor>.business-card{flex:0 0 auto;height:clamp(220px,34vh,320px);min-height:0;aspect-ratio:auto}.card-editor-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px 3px 12px;margin-top:16px;border-top:1px solid #e5e9ef;scrollbar-gutter:stable}.card-editor-scroll h3{margin:0 0 15px;font-size:1rem}.card-editor-scroll .form-grid{margin-top:0}.editor-error{flex:0 0 auto;margin:8px 0 0;padding:9px 12px;border-radius:8px;background:#fff4e5;color:#9a4d0c;font-size:.85rem}.editor-actions{flex:0 0 auto;margin:0;padding:14px 0 0;border-top:1px solid #e5e9ef;background:#fff}.editor-action-right{display:flex;align-items:center;gap:10px;margin-left:auto}@media(max-width:520px){.editor-actions{flex-wrap:wrap}.editor-action-right{justify-content:flex-end;width:100%}}.card-detail-panel{display:flex;flex-direction:column;flex:1;min-height:0}.card-detail-panel>.business-card{flex:0 0 auto;height:clamp(220px,34vh,320px);min-height:0;aspect-ratio:auto}.detail-tabs{display:flex;flex:0 0 auto;gap:22px;margin-top:18px;border-bottom:1px solid #dce2ea}.detail-tabs button{display:inline-flex;align-items:center;gap:7px;padding:11px 2px;background:transparent;border-radius:0;border-bottom:2px solid transparent;color:#647682;font-size:.9rem}.detail-tabs button:hover,.detail-tabs button.active{background:transparent;color:var(--primary-hover)}.detail-tabs button.active{border-bottom-color:var(--primary)}.detail-tabs button span{font-size:.74rem;color:#7c8c96}.detail-tab-content{flex:1;min-height:0;overflow-y:auto;padding:16px 3px 10px;scrollbar-gutter:stable}.detail-tab-content .form-grid{margin-top:0}.event-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}.event-toolbar .add-event-icon{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;background:var(--primary-soft);color:var(--primary)}.event-toolbar .add-event-icon:hover{background:var(--primary-border)}@media(max-width:720px){.card-editor>.business-card{height:clamp(210px,31vh,270px)}.card-detail-panel>.business-card{height:clamp(210px,31vh,270px)}.phone-fieldset{overflow-x:auto}.phone-fields{min-width:365px}}.form-section-heading{grid-column:1/-1;margin:10px 0 -2px;padding-bottom:7px;border-bottom:1px solid #e7ecef;color:#243643;font-size:.9rem}.form-grid>.form-section-heading:first-child{margin-top:0}.field-cell{min-width:0}.unit-path-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;border:1px solid #dce2ea;border-radius:10px;background:#f8f9fb}.unit-path-fields>strong,.unit-path-fields>small{grid-column:1/-1}.unit-path-fields>small{color:#617182;font-size:.78rem}.unit-path-fields label{min-width:0}.unit-path-fields input{width:100%}@media(max-width:640px){.unit-path-fields{grid-template-columns:1fr}}.email-suggestion{display:flex;align-items:center;gap:6px;max-width:100%;margin-top:5px;padding:5px 0;background:transparent;color:var(--primary);font-size:.76rem;font-weight:500;text-align:left;overflow-wrap:anywhere}.email-suggestion:hover{background:transparent;color:var(--primary-hover);text-decoration:underline}.email-suggestion strong{white-space:nowrap}.field-error{display:block;margin:5px 0;color:#b45309;font-size:.78rem}.group-edit-button{display:grid;place-items:center;width:29px;height:29px;margin-left:2px;padding:0;background:transparent;color:#677984;border:1px solid #dce2ea;border-radius:8px}.group-edit-button:hover{background:var(--primary-soft);color:var(--primary-hover)}.company-profile-form>p:first-child{margin:0 0 20px;color:#617182;font-size:.88rem}.company-profile-form .modal-actions button{display:inline-flex;align-items:center;gap:6px}.company-units-overview{margin:16px 0;padding:14px;border:1px solid #dce2ea;border-radius:10px;background:#f8f9fb}.company-units-overview h3{margin:0 0 4px;font-size:.9rem}.company-units-overview p,.company-units-overview small{margin:0;color:#617182;font-size:.78rem}.company-units-overview ul{margin:10px 0 0;padding-left:18px;font-size:.86rem}.company-units-overview li{padding:3px 0}.company-match-hint{display:flex;align-items:center;gap:6px;max-width:100%;margin-top:5px;padding:5px 0;background:transparent;color:var(--primary);font-size:.76rem;font-weight:500;text-align:left;overflow-wrap:anywhere}.company-match-hint:hover{background:transparent;color:var(--primary-hover);text-decoration:underline}.company-match-hint strong{white-space:nowrap}.mobile-fieldset{grid-column:1/-1;min-width:0;margin:2px 0 0;padding:0;border:0}.mobile-fieldset legend{padding:0 0 8px;color:#425466;font-size:.88rem}.mobile-fields{display:grid;grid-template-columns:minmax(92px,.75fr) minmax(190px,2fr);gap:10px}.mobile-fields label,.mobile-fields input{min-width:0}.my-card-page{padding:28px 0 60px}.my-card-heading{margin:0 0 22px}.my-card-heading h1{margin:0 0 7px;font-size:1.8rem}.my-card-heading p{margin:0;color:#617182;font-size:.9rem}.my-card-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(460px,1.25fr);align-items:start;gap:22px}.my-card-preview,.my-card-form{min-width:0;background:#fff;border:1px solid #e1e5ec;border-radius:16px;padding:24px;box-shadow:0 3px 14px #17203308}.my-card-preview{position:sticky;top:24px}.my-card-preview h2,.my-card-form h2{margin:0 0 17px;font-size:1.05rem}.my-card-preview .business-card{min-height:230px;padding:23px;aspect-ratio:1.83}.my-card-form .form-grid{margin-top:0}.my-card-form>button{margin-top:4px}@media(max-width:1050px){.my-card-layout{grid-template-columns:1fr}.my-card-preview{position:static}.my-card-preview .business-card{max-width:650px}}@media(max-width:720px){.my-card-page{padding-top:20px}.my-card-layout{gap:14px}.my-card-preview,.my-card-form{padding:17px}.mobile-fields{grid-template-columns:minmax(75px,.65fr) minmax(150px,2fr)}}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid #e2e8ee;margin:18px 0}.settings-tabs button{border-radius:8px 8px 0 0;background:transparent;color:#52606d}.settings-tabs button.active{background:var(--primary-soft);color:var(--primary-hover)}.member-list{display:grid;gap:10px}.member-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px;border:1px solid #e4eaee;border-radius:10px}.member-row>div{min-width:180px;flex:1;display:grid;gap:2px}.member-row small{color:#617182;word-break:break-all}.member-row label{min-width:130px}.member-row select{border:1px solid #c5d2da;border-radius:8px;padding:8px;background:#fff}input[readonly]{background:#f1f4f6;color:#52606d}.read-only-card{border:0;padding:0;margin:0;min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.message{position:fixed;top:16px;right:24px;z-index:20;max-width:min(420px,calc(100vw - 32px));min-height:0;margin:0;padding:10px 14px;border:1px solid #e6d1a9;border-radius:10px;background:#fffaf0;box-shadow:0 10px 28px #17203318;color:#865316;font-size:.85rem}.cards-count{margin:18px 0 20px;color:#617182;font-size:.84rem}.my-card-page{padding-top:28px}.settings{max-width:1000px;padding:28px 0 60px;border:0;background:transparent}.settings-tabs{margin:0 0 20px}.settings-panel{padding:24px;border:1px solid #e1e5ec;border-radius:16px;background:#fff;box-shadow:0 3px 14px #17203308}.settings-panel .form-grid{margin-top:0}.settings-panel.member-list{gap:10px}.card-grid .contact-card{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;grid-template-rows:auto auto;column-gap:12px;row-gap:12px;align-items:start;min-height:0}.card-grid .contact-card>.avatar{grid-column:1;grid-row:1}.card-grid .contact-main{grid-column:2;grid-row:1}.card-grid .contact-chevron{grid-column:3;grid-row:1;margin-top:7px}.card-grid .contact-meta{position:static;grid-column:1/-1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;width:100%;padding-top:11px}.card-grid .contact-meta span{max-width:100%;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.contact-meta svg,.contact-company svg{flex:0 0 auto}.contact-company{min-width:0;align-items:flex-start}.contact-company>span{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere}.contact-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-heading{flex-wrap:wrap;min-width:0}.group-heading .group-name{min-width:0;padding:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;overflow-wrap:anywhere}.unit-path-fields{grid-template-columns:1fr;gap:9px}.unit-path-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.unit-path-fields>strong,.unit-path-fields>small{grid-column:auto}.unit-path-fields>small{margin:0}.unit-add-button,.unit-remove-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 7px;background:transparent;color:var(--primary);font-size:.8rem}.unit-add-button:hover,.unit-remove-button:hover{background:var(--primary-soft);color:var(--primary-hover)}.unit-level-row{display:flex;align-items:end;gap:8px;min-width:0}.unit-level-row label{flex:1;min-width:0}.unit-remove-button{flex:0 0 auto;height:40px;width:40px}.fax-fieldset{grid-column:1/-1;min-width:0;margin:2px 0 0;padding:0;border:0}.fax-fieldset legend{padding:0 0 8px;color:#425466;font-size:.88rem}.fax-fields{display:grid;gap:10px}.fax-fields label,.fax-fields input{min-width:0}.phone-fields,.fax-fields,.mobile-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.15fr) minmax(0,1fr)}.fax-fields>label:last-child{grid-column:3/-1}.mobile-fields>label:last-child{grid-column:2/-1}.extension-input{display:flex;align-items:center;min-height:40px;border:1px solid #c5d2da;border-radius:8px;background:#fff;overflow:hidden}.extension-input>span{padding:0 9px;color:#617182;font-weight:700}.extension-input input{min-width:0;border:0;border-left:1px solid #e0e4eb;border-radius:0;outline:0}.extension-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring)}@media(max-width:720px){.settings{padding-top:20px}.settings-panel{padding:17px}.phone-fieldset,.fax-fieldset,.mobile-fieldset{overflow:visible}.phone-fields,.fax-fields,.mobile-fields{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.phone-fields>label:nth-child(3),.phone-fields>label:nth-child(4){grid-column:1/-1}.fax-fields>label:last-child{grid-column:1/-1}.mobile-fields>label:last-child{grid-column:2}.message{top:66px;right:12px}}.suggest{position:relative;display:block;min-width:0}.suggest-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:min(420px,80vw);max-height:260px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid #c5d2da;border-radius:10px;box-shadow:0 12px 30px #17203326}.suggest-list li{display:grid;gap:2px;padding:9px 11px;border-radius:7px;color:#172033;font-size:.9rem;line-height:1.35;cursor:pointer;overflow-wrap:anywhere}.suggest-list li small{color:#617182;font-size:.76rem}.suggest-list li.active,.suggest-list li:hover{background:var(--primary-soft)}.company-banner{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;border:1px solid var(--primary-border);border-radius:10px;background:var(--primary-softer);color:var(--primary-hover);font-size:.86rem}.company-banner span{flex:1;min-width:180px;overflow-wrap:anywhere}.company-banner button{padding:7px 13px;font-size:.84rem}.company-tip{grid-column:1/-1;margin-top:-4px;color:#617182;font-size:.8rem}@media(max-width:640px){.suggest-list{max-width:calc(100vw - 48px)}.suggest-list li{padding:11px 12px}.company-banner button{flex:1 1 100%}}.card-create-actions{grid-column:3;justify-self:end;display:flex;gap:8px}.card-create-actions button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.card-create-actions .add-card-button{grid-column:auto;background:var(--primary-soft);color:var(--primary-hover)}.card-create-actions .add-card-button:hover{background:var(--primary-border)}.scan-sources{display:flex;gap:8px;flex-wrap:wrap}.scan-source{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border-radius:9px;background:var(--primary);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer}.scan-source.secondary{background:#e4e8ef;color:#31414b}.scan-source input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.scan-source:focus-within{outline:3px solid #7894c9;outline-offset:2px}@media(max-width:720px){.cards-topbar{grid-template-columns:minmax(0,1fr);gap:10px}.cards-topbar .search-box{grid-column:1;grid-row:1}.card-create-actions{grid-column:1;grid-row:2;justify-self:stretch}.card-create-actions button{flex:1;justify-content:center;min-height:44px;font-size:.88rem;padding:10px}.scan-sources>*{flex:1;min-width:130px}}.timeline-actor{display:block;margin-top:4px;color:#617182;font-size:.76rem;overflow-wrap:anywhere}.company-history{margin-top:18px;padding-top:14px;border-top:1px solid #e5e9ef}.company-history h3{margin:0 0 8px;font-size:.95rem}.company-history>ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.company-history-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:.85rem}.company-history-meta strong{color:#243643;overflow-wrap:anywhere}.company-history-meta time,.company-history-meta span{color:#617182;font-size:.8rem}.company-history-changes{margin:4px 0 0;padding-left:18px;color:#425466;font-size:.82rem;overflow-wrap:anywhere}fieldset.card-editor-scroll{margin:16px 0 0;border:0;border-top:1px solid #e5e9ef;min-inline-size:0}fieldset.card-editor-scroll:disabled{opacity:.55}.card-editor-media{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;height:clamp(230px,32vh,300px)}.card-editor-media>.business-card{height:100%;min-height:0;max-width:none;aspect-ratio:auto;padding:20px 22px}.card-editor-media .business-person strong{font-size:1.3rem}.card-editor-media .business-contact{gap:5px 14px;padding-top:12px;font-size:.7rem}.scan-panel{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;min-height:0;padding:16px;border:1.5px dashed #b9c3d3;border-radius:16px;background:var(--primary-softer);overflow:hidden;transition:background .15s,border-color .15s}.scan-panel.dragging{border-color:var(--primary);background:var(--primary-soft)}.scan-panel.has-photo{justify-content:flex-start;padding:10px;border-style:solid;border-color:#dfe3ea;background:#f4f6f8}.scan-intro{display:grid;justify-items:start;gap:6px}.scan-intro strong,.scan-panel-setup strong{color:#172033;font-size:1rem}.scan-panel-setup{align-items:flex-start;border-style:solid}.scan-panel-setup button{display:inline-flex;align-items:center;gap:6px}.scan-panel-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--primary-border);color:var(--primary-strong)}.scan-hint{margin:0;color:#52606d;font-size:.84rem;line-height:1.5}.scan-photo{position:relative;flex:1;min-height:0;margin:0;border-radius:11px;background:#e6e9ee;overflow:hidden}.scan-photo img{display:block;width:100%;height:100%;object-fit:contain}.scan-beam{position:absolute;inset:0 0 auto;height:30%;border-bottom:2px solid #779ada;background:linear-gradient(180deg,#032e7e00,#032e7e40 70%,#779ada80);animation:scan-beam 1.5s ease-in-out infinite alternate}@keyframes scan-beam{0%{transform:translateY(-100%)}to{transform:translateY(333%)}}.scan-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.scan-status-text{display:inline-flex;align-items:flex-start;gap:6px;flex:1 1 170px;color:var(--primary-hover);font-size:.84rem;font-weight:600;line-height:1.4}.scan-status-text svg{flex:0 0 auto;margin-top:1px}.scan-status-text.scan-error{color:#9a4d0c}.scan-status>button{min-height:36px;padding:7px 14px;font-size:.84rem}.scan-source{gap:6px}.scan-panel.has-photo .scan-source{min-height:36px;padding:7px 12px;font-size:.82rem}.scan-drop-hint{color:#728193;font-size:.76rem}@media(hover:none){.scan-drop-hint{display:none}}@media(prefers-reduced-motion:reduce){.scan-beam{animation:none;transform:translateY(120%)}}.ai-filled input,.ai-filled select{border-color:#9db0d4;background:var(--primary-softer)}@media(max-width:720px){.card-editor{overflow-y:auto}fieldset.card-editor-scroll{flex:none;overflow:visible}.card-editor .editor-actions{position:sticky;bottom:0;z-index:2}.card-editor-media{grid-template-columns:1fr;height:auto}.card-editor-media>.business-card{height:auto;min-height:170px}.scan-panel{padding:12px}.scan-intro{grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.scan-intro .scan-hint{grid-column:1/-1}.scan-panel.has-photo{flex-direction:row;align-items:center}.scan-panel.has-photo .scan-photo{flex:0 0 92px;height:62px}.scan-panel.has-photo .scan-status{flex:1;min-width:0}}.field-label{display:inline-flex;align-items:center;gap:6px}.field-label svg{flex:0 0 auto;color:#7a8a94}.form-section-heading{display:flex;align-items:center;gap:7px}.form-section-heading svg{color:var(--primary)}.mobile-fieldset legend,.phone-fieldset legend,.fax-fieldset legend{display:inline-flex;align-items:center;gap:6px}.mobile-fieldset legend svg,.phone-fieldset legend svg,.fax-fieldset legend svg{color:#7a8a94}.unit-path-heading strong{color:#425466;font-size:.88rem;font-weight:500}.unit-path-heading small{margin-right:auto;color:#8a979f;font-size:.75rem}.company-banner strong{flex:1;min-width:0;overflow-wrap:anywhere}.company-banner button{display:inline-flex;align-items:center;gap:5px}.avatar-picker{grid-column:1/-1;display:grid;gap:7px}.avatar-picker>.field-label{color:#425466;font-size:.88rem}.avatar-options{gap:6px;padding:2px 2px 4px}.avatar-options button{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;background:transparent;border:2px solid transparent}.avatar-options button:hover{background:var(--primary-soft);border-color:transparent}.avatar-options button.selected{background:transparent;border-color:var(--primary)}.avatar-initials{container-type:size;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.avatar-initials>span{font-size:42cqi}.self-badge,.departed-badge{font-size:.68rem;font-style:normal;border-radius:99px;padding:2px 7px;margin-left:6px;vertical-align:1px}.departed-badge{color:#8a5a1f;background:#f7eddc}.card-list .contact-meta span:last-child{display:inline-flex}.card-list .contact-meta span+span{display:none}.timeline-actor{display:inline-flex;align-items:center;gap:4px}.edit-count{display:inline-flex;align-items:center;gap:5px;margin:0}.read-only-note{display:flex;align-items:center;gap:7px;margin:0;color:#617182;font-size:.84rem}.read-only-note svg{flex:0 0 auto}.mobile-sign-out{display:none}@media(max-width:720px){.app-shell{padding-left:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-shell>.sidebar,.app-shell>.sidebar.sidebar-expanded{inset:auto 0 0 0;width:100%;height:auto;padding:4px 6px calc(4px + env(safe-area-inset-bottom));flex-direction:row;overflow:visible;border-right:0;border-top:1px solid #e2e8ee;box-shadow:0 -4px 16px #17203310;transition:none}.sidebar-brand,.sidebar .account{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:2px;width:100%}.sidebar nav button{flex-direction:column;justify-content:center;gap:3px;height:56px;padding:6px 2px;font-size:.68rem;font-weight:600;text-align:center}.sidebar nav button.active{background:transparent;color:var(--primary)}.sidebar nav button.active svg{stroke-width:2.4}.sidebar .sidebar-label,.sidebar.sidebar-expanded .sidebar-label{display:block;max-width:100%}.view-controls{bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-sign-out{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:18px}}.phone-fields,.fax-fields,.mobile-fields{align-items:start}.country-code-field{gap:0}.business-contact a{color:inherit;text-decoration:none}.business-contact a:hover{text-decoration:underline;text-underline-offset:2px}.phone-fields input,.fax-fields input,.mobile-fields input,.country-code-trigger,.extension-input{height:44px;min-height:0}.extension-input input{height:100%}@media(max-width:640px){.company-banner button{flex:0 0 auto;margin-left:auto}}@media(max-width:720px){.card-list .contact-main{flex:1;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left}.card-list .contact-title{display:block;max-width:100%;color:#6b7b86;font-size:.8rem}}@media(max-width:720px){input,select,textarea,.form-grid select{font-size:16px}button{min-height:44px}.business-card{height:auto;min-height:0;aspect-ratio:auto;gap:18px;overflow-wrap:anywhere}.business-person-copy,.business-company,.business-contact,.business-contact span{min-width:0;overflow-wrap:anywhere}.business-contact a{overflow-wrap:anywhere}.card-detail-panel>.business-card{height:auto;min-height:210px}.icon-button,.business-edit-button,.group-edit-button,.unit-remove-button,.timeline-heading .add-event-icon,.event-toolbar .add-event-icon,.view-controls button,.business-social-links a{min-width:44px;min-height:44px}.member-row>div{min-width:0;overflow-wrap:anywhere}}@media(max-width:640px){.modal-backdrop{padding:0}.modal-backdrop .modal,.drawer-backdrop .modal{width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0;padding:16px;box-shadow:none}.company-profile-form .modal-actions{position:sticky;bottom:0;z-index:2;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e5e9ef;background:#fff}.editor-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.contact-org{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-line{display:flex;align-items:flex-start;gap:5px;min-width:0;color:#75848e;font-size:.8rem;line-height:18px}.contact-line>svg{flex:0 0 auto;margin-top:2px}.contact-line>span{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.contact-units>span{display:flex;flex-direction:column;-webkit-line-clamp:unset}.contact-units .unit-level-1{padding-left:.75rem}.contact-units .unit-level-2{padding-left:1.5rem}.contact-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.tag-chips{display:inline-flex;flex-wrap:wrap;gap:4px}.tag-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;background:var(--primary-soft);color:var(--primary-strong);font-size:.72rem;font-weight:600;line-height:1.5;white-space:nowrap}.tag-company .tag-chip{background:#eef1f4;color:#556571}.card-list .contact-main{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.5fr)}.card-list .contact-main>strong{grid-column:1;grid-row:1}.card-list .contact-main>.contact-title{grid-column:2;grid-row:1}.card-list .contact-main>.contact-org{grid-column:3;grid-row:1;flex-direction:row;align-items:center;gap:10px;overflow:hidden}.card-list .contact-line{flex:0 1 auto;align-items:center;white-space:nowrap}.card-list .contact-line>svg{margin-top:0}.card-list .contact-line>span{display:block;overflow:hidden;text-overflow:ellipsis}.card-list .contact-units>span{display:block}.card-list .contact-units>span>span{display:inline;padding-left:0}.card-list .contact-units>span>span+span:before{content:"›";margin:0 4px;color:#a7aeb9}.card-list .contact-tags{display:none}.card-list .contact-card .contact-meta{flex:0 0 clamp(200px,28%,360px);min-width:0;flex-wrap:nowrap;overflow:hidden}.card-list .contact-card .contact-meta>span{display:inline-flex;flex:0 1 auto;min-width:0;white-space:nowrap}@media(max-width:950px){.card-list .contact-main>.contact-org{display:none}}@media(max-width:720px){.card-list .contact-card .contact-meta{display:none}}.group-header{margin:0 0 12px}.group-header .group-heading{margin:0}.group-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:5px 0 0 25px;color:#6b7b86;font-size:.8rem}.group-meta>span{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}.group-meta svg{flex:0 0 auto}.tag-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 16px;color:#7b8792}.tag-filter button{min-height:32px;padding:4px 11px;border:1px solid #d6dfe5;border-radius:99px;background:#fff;color:#445562;font-size:.78rem;font-weight:600}.tag-filter button:hover{background:var(--primary-soft)}.tag-filter button.selected{background:var(--primary);border-color:var(--primary);color:#fff}.tag-filter .tag-filter-clear{display:inline-grid;place-items:center;padding:4px 8px;border-color:transparent;background:transparent;color:#7b8792}.tag-editor{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:5px 10px;border:1px solid #d6dfe5;border-radius:10px;background:#fff;color:#7b8792}.tag-editor:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.tag-editor>svg{flex:0 0 auto}.tag-editor .tag-chip button{display:inline-grid;place-items:center;width:18px;height:18px;min-width:0;min-height:0;padding:0;border-radius:50%;background:transparent;color:inherit}.tag-editor .tag-chip button:hover{background:var(--primary-ring)}.tag-editor input{flex:1 0 120px;min-width:120px;border:0;outline:0;box-shadow:none;padding:5px 0;background:transparent}.detail-tags{display:grid;gap:8px;margin:14px 0 4px}.card-editor .tag-editor{margin-top:14px}.company-tags{margin:6px 0 18px}.company-tags h3{margin:0 0 8px;font-size:.95rem}.tag-admin{display:grid;gap:8px}.tag-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e4eaee;border-radius:10px}.tag-row input,.tag-row strong{flex:1;min-width:0}.tag-row small{display:inline-flex;align-items:center;gap:4px;color:#7b8792;white-space:nowrap}.tag-row small svg:not(:first-child){margin-left:8px}.tag-row .icon-button{display:inline-grid;place-items:center;padding:8px}@media(max-width:720px){.tag-editor .tag-chip button{width:24px;height:24px}.group-meta{margin-left:0}}.skeleton-bar{display:block;height:10px;max-width:100%;border-radius:6px;background:linear-gradient(90deg,#e8ecef 25%,#f6f7f9,#e8ecef 65%);background-size:300% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}.skeleton-bar.avatar{background:linear-gradient(90deg,#e8ecef 25%,#f6f7f9,#e8ecef 65%);background-size:300% 100%}.skeleton-circle{border-radius:50%}.cards-count .skeleton-bar{display:inline-block;vertical-align:middle}.skeleton-card{pointer-events:none}.skeleton-card .contact-main{gap:10px;padding-top:4px}.card-grid .skeleton-card .contact-meta{gap:9px}.card-list .skeleton-card .contact-main{align-items:center}.skeleton-detail{display:grid;gap:18px;padding:18px;background:#fff;border:1px solid #e3e7ec;border-radius:14px;box-shadow:0 12px 32px #16203312}.skeleton-detail .skeleton-block{height:auto;aspect-ratio:1.83;border-radius:12px}.skeleton-detail.compact .skeleton-block{aspect-ratio:1.25}.skeleton-lines{display:grid;gap:9px}.skeleton-action{border-radius:7px}.modal .skeleton-detail{padding:0;border:0;box-shadow:none}.loading-page{padding-top:106px}@media(max-width:720px){.loading-page{padding-top:16px}}.skeleton-form .form-grid{margin:0}.skeleton-field{display:grid;gap:8px}.skeleton-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 13px;border:1px solid #e4eaee;border-radius:10px}.tag-admin .skeleton-row{padding:14px 12px}.my-card-page .skeleton-detail,.my-card-page .skeleton-form{padding:0;border:0;box-shadow:none;background:none}.auth-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--page)}.auth-brand{position:relative;overflow:hidden;display:grid;place-items:center;padding:48px;background:var(--brand-gradient);color:#fff}.auth-brand:before,.auth-brand:after{content:"";position:absolute;border-radius:36px;background:#ffffff14;border:1px solid #ffffff29}.auth-brand:before{width:420px;height:260px;right:-130px;top:-70px;transform:rotate(-14deg)}.auth-brand:after{width:360px;height:220px;left:-120px;bottom:-80px;transform:rotate(12deg)}.auth-brand-inner{position:relative;z-index:1;width:100%;max-width:380px}.auth-logo{display:block;width:84px;height:84px;border-radius:22px;box-shadow:0 18px 40px #0a1f7a59}.auth-brand h1{margin:22px 0 6px;font-size:2.4rem;letter-spacing:-.02em}.auth-tagline{margin:0 0 30px;font-size:1.05rem;color:#ffffffd9}.auth-features{display:grid;gap:12px;margin:0;padding:0;list-style:none}.auth-features li{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #ffffff2e;border-radius:14px;background:#ffffff1a}.auth-feature-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:11px;background:#fff;color:var(--primary)}.auth-features strong{display:block;font-size:.95rem}.auth-features small{display:block;margin-top:2px;color:#fffc;font-size:.82rem}.auth-panel{display:grid;place-items:center;padding:40px 24px}.auth-card{display:grid;gap:14px;width:min(400px,100%);padding:36px 32px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 20px 50px #0b2a6b14}.auth-card h2{margin:0;font-size:1.5rem;color:var(--text)}.auth-lead{margin:-6px 0 6px;color:var(--text-muted)}.auth-alert{display:flex;align-items:flex-start;gap:8px;margin:0;padding:11px 13px;border-radius:10px;background:var(--warning-soft);color:var(--warning);font-size:.88rem;line-height:1.5}.auth-alert svg{flex:0 0 auto;margin-top:2px}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:1px solid #d3dbe8;border-radius:12px;background:#fff;color:#1f2937;font-weight:650;box-shadow:0 1px 2px #1018280d;transition:border-color .15s,box-shadow .15s}.google-button:hover{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-ring)}.auth-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:var(--text-muted);font-size:.8rem}.auth-status-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px}.auth-status-icon.waiting{background:var(--primary-soft);color:var(--primary)}.auth-status-icon.blocked{background:var(--danger-soft);color:var(--danger)}.auth-status-icon.warning{background:var(--warning-soft);color:var(--warning)}.auth-account{margin:0;padding:10px 12px;border-radius:10px;background:var(--page);color:var(--text);font-size:.9rem;overflow-wrap:anywhere}.auth-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px}@media(max-width:860px){.auth-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-brand{place-items:start;padding:32px 24px 28px}.auth-brand:before{width:260px;height:170px;right:-90px;top:-60px}.auth-brand:after{display:none}.auth-brand-inner{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;max-width:none}.auth-logo{grid-row:span 2;width:56px;height:56px;border-radius:15px}.auth-brand h1{margin:0;font-size:1.6rem}.auth-tagline{margin:2px 0 0;font-size:.92rem}.auth-features{display:none}.auth-panel{place-items:start center;padding:24px 16px 40px}.auth-card{padding:28px 22px}}.key-page{display:grid;gap:16px;max-width:760px}.page-header h1{margin:0}.page-header p{margin:4px 0 0;color:var(--text-muted)}.key-status-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.key-status-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:14px;background:var(--page);color:var(--text-muted)}.key-status-text{display:grid;gap:5px;flex:1;min-width:0}.key-status-text strong{font-size:1.02rem}.key-status-text small{color:var(--text-muted);font-size:.86rem}.key-chip{flex:0 0 auto;padding:4px 11px;border-radius:99px;background:var(--page);color:var(--text-muted);font-size:.78rem;font-weight:700}.key-status-card.ready{border-color:#bfe3cf;background:var(--success-soft)}.key-status-card.ready .key-status-icon{background:#fff;color:var(--success)}.key-status-card.ready .key-chip{background:var(--success);color:#fff}.key-status-card.invalid{border-color:#f3d39c;background:var(--warning-soft)}.key-status-card.invalid .key-status-icon{background:#fff;color:var(--warning)}.key-status-card.invalid .key-chip{background:var(--warning);color:#fff}.key-status-card.missing .key-status-icon{background:var(--primary-soft);color:var(--primary)}.key-form,.key-guide{display:grid;gap:14px}.key-form h2,.key-guide h2{margin:0;font-size:1.05rem}.key-entry{display:flex;gap:10px}.key-input{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 6px 0 12px;border:1px solid #c9d3e2;border-radius:10px;background:#fff;color:var(--text-muted)}.key-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.key-input input{flex:1;min-width:0;padding:12px 0;border:0;outline:0;box-shadow:none;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.key-visibility{display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border-radius:8px;background:transparent;color:var(--text-muted)}.key-visibility:hover{background:var(--page);color:var(--text)}.key-entry>button[type=submit]{flex:0 0 auto;padding:0 20px}.key-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:.82rem}.key-facts li{display:inline-flex;align-items:center;gap:6px}.key-remove{justify-self:start;padding:4px 0;background:transparent;color:var(--danger);font-size:.86rem;font-weight:600}.key-remove:hover{background:transparent;text-decoration:underline}.key-steps{display:grid;gap:14px;margin:0;padding:0;list-style:none}.key-steps li{display:flex;align-items:flex-start;gap:12px}.key-step-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);font-size:.85rem;font-weight:800}.key-steps li>span:last-child{display:grid;gap:3px;padding-top:3px}.key-steps small{color:var(--text-muted)}.key-steps a{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:.88rem;font-weight:650}.key-guide-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding-top:12px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.82rem}.key-guide-note a{color:var(--primary)}@media(max-width:720px){.key-entry{flex-direction:column}.key-entry>button[type=submit]{min-height:46px}.key-visibility{min-width:40px;min-height:40px}}.search-clear{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;min-width:0;min-height:0;padding:0;border-radius:50%;background:transparent;color:var(--text-muted)}.search-clear:hover{background:var(--page);color:var(--text)}.cards-page{display:flex;flex-direction:column}.cards-page>.view-controls{position:sticky;right:auto;bottom:23px;align-self:flex-end;width:max-content;margin-top:auto}.sort-menu{position:relative}.sort-caret{color:var(--text-muted);transition:transform .15s}.sort-menu.open .sort-caret{transform:rotate(180deg)}.sort-options{position:absolute;right:-6px;bottom:calc(100% + 12px);display:none;gap:2px;min-width:190px;padding:6px;border:1px solid #d8dee6;border-radius:14px;background:#fff;box-shadow:0 12px 32px #162c3929}.sort-options:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.sort-menu.open .sort-options{display:grid}.view-controls .sort-options button{justify-content:flex-start;width:100%}.sort-check{margin-left:auto;color:var(--primary)}@media(max-width:720px){.cards-page>.view-controls{bottom:calc(76px + env(safe-area-inset-bottom))}.view-controls .sort-options button>span{display:inline}.sort-current .sort-caret{display:none}}.workspace.workspace-wide,.workspace.loading-page{max-width:none}.sidebar-brand strong.sidebar-label{flex:1;min-width:0}.sidebar .sidebar-pin{display:none;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:8px;color:#8a97a8;transform:rotate(45deg);transition:transform .15s,color .15s,background .15s}.sidebar.sidebar-expanded .sidebar-pin{display:grid}.sidebar .sidebar-pin.pinned{background:var(--primary-soft);color:var(--primary);transform:none}.sidebar .sidebar-pin.pinned svg{fill:currentColor}@media(min-width:721px){.app-shell.sidebar-pinned{padding-left:244px}.app-shell.sidebar-pinned>.sidebar{box-shadow:none}.app-shell{transition:padding-left .18s ease}}.onboarding{display:grid;gap:20px;max-width:1080px;margin:0 auto;padding:32px 24px 40px}.onboarding-header{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:22px 24px;border-radius:20px;background:var(--brand-gradient);color:#fff;box-shadow:0 16px 40px #0b2a6b26}.onboarding-logo{width:56px;height:56px;border-radius:15px;box-shadow:0 10px 24px #0a1f7a59}.onboarding-title{flex:1;min-width:200px}.onboarding-title h1{margin:0;font-size:1.5rem}.onboarding-title p{margin:4px 0 0;color:#ffffffd9}.onboarding-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.onboarding-steps li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:99px;background:#ffffff26;color:#ffffffd9;font-size:.88rem;font-weight:650}.onboarding-steps li.current{background:#fff;color:var(--primary-strong)}.onboarding-steps li.done{background:#ffffff40;color:#fff}.onboarding-step-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff3;font-size:.8rem}.onboarding-steps li.current .onboarding-step-mark{background:var(--primary);color:#fff}.onboarding-panel h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.2rem}.onboarding-lead{margin:4px 0 18px;color:var(--text-muted)}.onboarding-panel .form-grid{margin:0}.onboarding-panel .form-grid label{display:grid;gap:6px;color:#425466;font-size:.88rem}.onboarding-wide{grid-column:1/-1}.onboarding-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:start;gap:22px}.onboarding-card-preview{position:sticky;top:20px}.onboarding-card-form{min-width:0}.onboarding-error{display:flex;align-items:center;gap:8px;margin:0;padding:11px 13px;border-radius:10px;background:var(--warning-soft);color:var(--warning)}.onboarding-error svg{flex:0 0 auto}.onboarding-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:12px;padding:16px 0 20px;background:linear-gradient(#f4f7fc00,var(--page) 40%)}.onboarding-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px}.onboarding-skip{background:transparent;color:var(--text-muted)}.onboarding-skip:hover{background:var(--primary-soft);color:var(--primary-strong)}@media(max-width:860px){.onboarding-card{grid-template-columns:1fr}.onboarding-card-preview{position:static}}@media(max-width:720px){.onboarding{padding:16px 16px 24px}.onboarding-header{padding:18px}.onboarding-logo{width:44px;height:44px;border-radius:12px}.onboarding-title h1{font-size:1.25rem}.onboarding-steps{width:100%}.onboarding-actions{flex-direction:column-reverse;gap:6px;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--page);box-shadow:0 -6px 18px #1620330f}.onboarding-actions button{width:100%}}