.crm-app{--ink:#172039;--muted:#687086;--line:#e5e8f0;--primary:#5c5be9;--soft:#f6f7fb;min-height:100dvh;background:#f5f6fa;color:var(--ink);font-family:var(--font-noto-arabic),Arial,sans-serif;overflow-x:hidden}.crm-app *{box-sizing:border-box}.crm-app button,.crm-app input,.crm-app select,.crm-app textarea{font:inherit}.crm-top{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 clamp(14px,3vw,36px)}.crm-top .crm-brand{display:flex;align-items:center;gap:9px;padding-inline-end:22px;border-inline-end:1px solid var(--line);color:var(--ink);text-decoration:none}.crm-brand>span{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#5d5ce9,#9a72f2);display:grid;place-items:center;color:#fff;font-weight:900}.crm-brand em{font-style:normal;color:var(--primary)}.crm-top>div{flex:1}.crm-top h1{font-size:1.15rem;margin:0}.crm-top p{font-size:.78rem;color:var(--muted);margin:3px 0 0}.crm-top>button,.crm-top>a:not(.crm-brand){border:1px solid var(--line);background:#fff;border-radius:10px;min-height:40px;padding:0 12px;display:flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none}.crm-top svg{width:17px}.crm-tabs{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:4px;padding:0 clamp(14px,3vw,36px);overflow-x:auto;scrollbar-width:none}.crm-tabs button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:0 13px;display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent}.crm-tabs button svg{width:17px}.crm-tabs button.active{color:var(--primary);border-color:var(--primary);font-weight:700}.crm-main{max-width:1560px;margin:auto;padding:22px clamp(12px,3vw,34px) 50px}.crm-summary{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px}.crm-summary article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;gap:10px;align-items:center;min-width:0}.crm-summary article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#efefff;color:#5754db;flex:0 0 auto}.crm-summary svg{width:18px}.crm-summary b,.crm-summary small{display:block}.crm-summary b{font-size:1.18rem}.crm-summary small{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 13px}.crm-toolbar>label{max-width:520px;flex:1;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 12px}.crm-toolbar input{border:0;outline:0;width:100%;min-width:0}.crm-toolbar svg{width:17px}.crm-toolbar>div{display:flex;gap:7px}.crm-toolbar button,.crm-toolbar a,.crm-empty button,.import-form button{min-height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none}.crm-toolbar button:first-child{background:var(--primary);border-color:var(--primary);color:#fff}.saved-views{display:flex;gap:6px;margin-bottom:10px}.saved-views button{border:0;border-radius:20px;background:#eaeaff;color:#4f4bcf;padding:6px 11px}.crm-content{min-height:430px}.contact-grid,.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contact-card,.company-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0}.contact-card:hover{border-color:#b7b5f6;box-shadow:0 8px 24px #20284a0d}.contact-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e9e6ff,#d6f4ed);color:#554fcf;font-weight:900;flex:0 0 auto}.contact-card>div{min-width:0;flex:1}.contact-card h3,.company-grid h3{font-size:.95rem;margin:0}.contact-card p,.company-grid p{font-size:.8rem;color:var(--muted);margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-card small{font-size:.7rem;color:#8a90a2;display:flex;align-items:center;gap:4px}.contact-card small svg,.contact-card>svg{width:15px}.company-grid article{display:grid;grid-template-columns:42px 1fr}.company-grid article>span{grid-row:1/4;width:42px;height:42px;border-radius:12px;background:#eff4ff;color:#5075cf;display:grid;place-items:center}.company-grid footer{font-size:.72rem;color:var(--muted)}.data-list{display:flex;flex-direction:column;gap:8px}.data-list>article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px;display:flex;align-items:center;gap:12px}.data-list>article>span{width:38px;height:38px;border-radius:11px;background:#ededff;color:#4f4bd2;display:grid;place-items:center;flex:0 0 auto}.data-list .priority{font-weight:800}.data-list .priority.high,.data-list .priority.urgent{background:#fff0ed;color:#b64f3d}.data-list article>div{flex:1;min-width:0}.data-list h3{font-size:.9rem;margin:0}.data-list p,.data-list small{display:block;color:var(--muted);font-size:.76rem;margin:3px 0}.data-list select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px}.data-list button{border:0;background:#eeedff;color:#4e49d2;border-radius:9px;padding:8px 10px}.data-list .done{color:#238363}.timeline{display:flex;flex-direction:column}.timeline>article,.mini-rows>article{display:flex;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);align-items:center}.timeline>article>span,.mini-rows>article>span{width:34px;height:34px;border-radius:50%;background:#eeedff;color:#5652db;display:grid;place-items:center;flex:0 0 auto}.timeline svg,.mini-rows svg{width:15px}.timeline h3,.mini-rows h3{font-size:.86rem;margin:0}.timeline p,.mini-rows p{font-size:.73rem;color:var(--muted);margin:3px 0}.pipeline{display:grid;grid-template-columns:repeat(7,minmax(230px,1fr));gap:10px;overflow-x:auto;padding-bottom:12px;min-height:480px}.pipeline>section{background:#eef0f6;border:1px solid #e1e4ec;border-radius:14px;padding:10px;min-width:230px}.pipeline>section>header{display:flex;align-items:center;gap:7px}.pipeline>section>header i{width:9px;height:9px;border-radius:50%}.pipeline>section h2{font-size:.82rem;flex:1;margin:0}.pipeline>section>header b{font-size:.72rem;background:#fff;border-radius:12px;padding:2px 7px}.pipeline>section>p{font-size:.7rem;color:var(--muted);margin:7px 0 11px}.pipeline>section>div{display:flex;flex-direction:column;gap:8px}.pipeline>section>div>article{background:#fff;border:1px solid #dde1e9;border-radius:11px;padding:11px;cursor:grab}.pipeline article h3{font-size:.82rem;margin:0}.pipeline article p{font-size:.72rem;color:var(--muted)}.pipeline article footer{display:flex;justify-content:space-between;color:#60677a;font-size:.72rem}.pipeline article svg{width:14px}.pipeline>section>div>small{text-align:center;color:#949aaa;padding:20px 3px;font-size:.7rem}.reports{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;max-width:900px}.reports>header h2{font-size:1rem;margin:0}.reports>header p{font-size:.78rem;color:var(--muted)}.reports>article{padding:13px 0;border-top:1px solid var(--line)}.reports>article>div{display:flex;justify-content:space-between;font-size:.8rem}.reports>article span{color:var(--muted)}.reports>article>i{height:7px;background:#eceef4;border-radius:8px;display:block;margin-top:8px;overflow:hidden}.reports u{display:block;height:100%;background:linear-gradient(90deg,#5e5cec,#8b72f2);border-radius:8px}.crm-empty{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.crm-empty>svg{width:46px;height:46px;color:#8b88ed}.crm-empty h2{font-size:1rem;color:var(--ink);margin:12px 0 4px}.crm-empty p{font-size:.8rem;max-width:380px}.crm-empty button{background:#eeedff;color:#4f4bd0}.crm-loading{min-height:390px;display:grid;place-items:center;gap:9px}.crm-loading svg{animation:spin 1s linear infinite;color:#6966e8}.crm-loading span{width:min(500px,80%);height:13px;background:#e8eaf0;border-radius:9px}@keyframes spin{to{transform:rotate(360deg)}}.crm-modal{position:fixed;inset:0;background:#10152575;z-index:50;display:grid;place-items:center;padding:15px}.crm-modal>div{background:#fff;border-radius:17px;width:min(620px,100%);max-height:90dvh;overflow:auto;box-shadow:0 22px 80px #10152530}.crm-modal>div>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.crm-modal h2{font-size:1rem;margin:0}.crm-modal header button{border:0;background:var(--soft);border-radius:9px;width:36px;height:36px}.crm-modal svg{width:16px}.crm-form{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.crm-form label{font-size:.78rem;font-weight:700;color:#3b4358}.crm-form input,.crm-form select,.crm-form textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;padding:8px;margin-top:6px;background:#fff}.crm-form textarea{min-height:120px;grid-column:1/-1}.crm-form footer{grid-column:1/-1;display:flex;justify-content:flex-end}.crm-form button,.import-form button{border:0;background:var(--primary);color:#fff;border-radius:9px;min-height:42px;padding:0 16px}.import-form{padding:20px;display:flex;flex-direction:column;gap:14px}.import-form p{font-size:.8rem;color:var(--muted);line-height:1.7}.customer360 .crm-top>a{margin-inline-end:auto}.customer360 .crm-top h1{flex:1}.profile-hero{max-width:1260px;margin:22px auto 0;background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;gap:15px;align-items:center}.contact-avatar.large{width:68px;height:68px;font-size:1.3rem}.profile-hero>div{flex:1}.profile-hero h2{font-size:1.25rem;margin:0}.profile-hero p{color:var(--muted);font-size:.82rem}.profile-hero footer{display:flex;gap:6px}.profile-hero footer>*{font-size:.7rem;background:#f0efff;color:#514dd2;padding:4px 8px;border-radius:12px}.profile-hero aside{display:flex;gap:8px}.profile-hero aside button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;display:flex;align-items:center;gap:6px}.profile-hero svg{width:15px}.detail-tabs{max-width:1260px;margin:12px auto 0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 10px;display:flex;overflow-x:auto}.detail-tabs button{border:0;background:transparent;padding:13px 11px;color:var(--muted);border-bottom:2px solid transparent}.detail-tabs button.active{color:var(--primary);border-color:var(--primary)}.detail-grid{max-width:1260px;margin:12px auto;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.detail-main,.profile-side{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;min-height:400px}.overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.overview-cards article{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;grid-template-columns:32px 1fr;align-items:center}.overview-cards svg{grid-row:1/3;color:#5b58df;width:18px}.overview-cards b,.overview-cards small{display:block}.overview-cards small{font-size:.7rem;color:var(--muted)}.detail-main>h3{font-size:.9rem;margin-top:22px}.profile-side h3{font-size:.82rem;border-bottom:1px solid var(--line);padding-bottom:9px}.profile-side p{display:flex;align-items:center;gap:8px;font-size:.76rem;color:#4e566c;overflow-wrap:anywhere}.profile-side svg{width:15px}.profile-side span{display:block;font-size:.74rem;color:var(--muted);padding:5px}.mini-rows a{margin-inline-start:auto;color:#514dd1;text-decoration:none;font-size:.75rem}
@media(max-width:1150px){.crm-summary{grid-template-columns:repeat(4,1fr)}.contact-grid,.company-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.crm-top{height:64px;padding:0 12px;gap:10px}.crm-brand b{display:none}.crm-brand{border:0!important;padding:0!important}.crm-top>div p{display:none}.crm-top h1{font-size:.95rem}.crm-tabs{padding:0 8px;height:54px}.crm-tabs button{font-size:.78rem;padding:0 10px}.crm-main{padding:13px 10px 80px}.crm-summary{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory}.crm-summary article{min-width:145px;scroll-snap-align:start}.crm-toolbar{align-items:stretch;flex-direction:column}.crm-toolbar>label{max-width:none}.crm-toolbar>div{overflow-x:auto}.crm-toolbar button,.crm-toolbar a{white-space:nowrap}.contact-grid,.company-grid{grid-template-columns:1fr}.data-list>article{align-items:flex-start;flex-wrap:wrap}.data-list article>div{min-width:calc(100% - 54px)}.data-list select{margin-inline-start:50px}.pipeline{grid-template-columns:none;display:flex;scroll-snap-type:x mandatory}.pipeline>section{width:84vw;min-width:84vw;scroll-snap-align:center}.crm-form{grid-template-columns:1fr}.crm-form textarea,.crm-form footer{grid-column:auto}.profile-hero{margin:12px 10px 0;align-items:flex-start;flex-wrap:wrap}.profile-hero>div{min-width:calc(100% - 86px)}.profile-hero aside{width:100%}.profile-hero aside button{flex:1;justify-content:center}.detail-tabs{margin:10px 10px 0}.detail-grid{margin:10px;grid-template-columns:1fr}.profile-side{grid-row:1}.overview-cards{grid-template-columns:1fr 1fr}.customer360 .crm-top>a{font-size:0}.customer360 .crm-top>a svg{width:19px}.reports>article>div{flex-direction:column;gap:4px}}
@media(max-width:390px){.crm-top .crm-brand{display:none}.overview-cards{grid-template-columns:1fr}.contact-card{padding:13px}.crm-toolbar>div button,.crm-toolbar>div a{font-size:.75rem}.profile-hero{padding:14px}.contact-avatar.large{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.crm-loading svg{animation:none}}