:root{--crm-navy:#16235c;--crm-red:#e2231a;--crm-bg:#f5f7fb;--crm-text:#182033}
body.crm-body{background:var(--crm-bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--crm-text)}
.crm-shell{min-height:100vh;display:flex}.crm-sidebar{width:255px;background:#101a45;color:#fff;position:fixed;inset:0 auto 0 0;z-index:1030;overflow:auto}.crm-brand{padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:800;font-size:18px}.crm-nav{padding:12px}.crm-nav a{display:flex;gap:11px;align-items:center;padding:10px 12px;color:#cbd3f5;text-decoration:none;border-radius:9px;font-size:13px;margin:2px 0}.crm-nav a:hover,.crm-nav a.active{background:#25337d;color:#fff}.crm-nav .section{font-size:10px;text-transform:uppercase;color:#7f8bbd;letter-spacing:1.2px;padding:16px 12px 6px}.crm-main{margin-left:255px;width:calc(100% - 255px);min-height:100vh}.crm-topbar{height:70px;background:#fff;border-bottom:1px solid #e8ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:100}.crm-content{padding:28px}.crm-page-title{font-size:25px;font-weight:800;margin:0}.crm-muted{color:#7b8498}.crm-card{background:#fff;border:1px solid #e8ebf2;border-radius:14px;padding:20px;box-shadow:0 4px 18px rgba(16,26,69,.04)}.stat-card{display:flex;justify-content:space-between;align-items:center}.stat-value{font-size:27px;font-weight:800}.stat-label{font-size:12px;color:#7b8498}.stat-icon{width:46px;height:46px;border-radius:12px;background:#eef1ff;color:var(--crm-navy);display:flex;align-items:center;justify-content:center}.table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#788199;background:#fafbfe;border-bottom:1px solid #e9ecf3}.table td{font-size:13px;vertical-align:middle}.badge-soft{padding:6px 9px;border-radius:20px;font-size:11px;font-weight:700}.soft-success{background:#e7f8ee;color:#198754}.soft-warning{background:#fff4d8;color:#a46a00}.soft-danger{background:#fde9e7;color:#c52218}.soft-primary{background:#e9edff;color:#253d9b}.soft-secondary{background:#edf0f4;color:#667085}.btn-crm{background:var(--crm-navy);color:#fff;border:none;border-radius:9px;padding:9px 14px;font-size:13px}.btn-crm:hover{background:#0e1741;color:#fff}.form-control,.form-select{border-radius:9px;border-color:#dfe4ee;padding:10px 12px;font-size:13px}.form-label{font-size:12px;font-weight:700}.mobile-menu{display:none}
@media(max-width:991px){.crm-sidebar{transform:translateX(-100%);transition:.2s}.crm-sidebar.open{transform:translateX(0)}.crm-main{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.crm-content{padding:18px}.crm-topbar{padding:0 18px}}
.login-page{min-height:100vh;background:linear-gradient(135deg,#101a45,#25337d);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:420px;background:#fff;border-radius:18px;padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-logo{text-align:center;font-size:24px;font-weight:900;color:var(--crm-navy);margin-bottom:24px}

/* Premium CRM polish */
.crm-brand{padding:22px 22px 18px}.crm-brand-title{font-size:19px;font-weight:900;letter-spacing:.2px}.crm-brand small{display:block;color:#9da8d6;font-size:10px;font-weight:600;letter-spacing:1.5px;margin-top:3px}.crm-nav a{position:relative;min-height:40px}.nav-count{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:20px;background:#e2231a;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.nav-count.amber{background:#d89a19}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:15px 22px;color:#8793c4;border-top:1px solid rgba(255,255,255,.08);font-size:10px}.sidebar-footer span{color:#5e6aa1}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-caption{font-size:10px;color:#98a0b3;margin-top:2px}.notification-btn{width:38px;height:38px;border:1px solid #e2e6ef;border-radius:11px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#17245d;position:relative;font-size:19px;background:#fff}.notification-btn span{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:#e2231a;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.user-chip{display:flex;align-items:center;gap:9px;padding:3px 5px}.avatar{width:35px;height:35px;border-radius:50%;background:#e9edff;color:#253d9b;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.user-meta{display:flex;flex-direction:column;line-height:1.15}.user-meta strong{font-size:12px}.user-meta small{font-size:10px;color:#8b94a7}.dashboard-hero{padding:3px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#6676b8;margin-bottom:5px}.quick-actions{display:flex;gap:8px}.quick-actions .btn{font-size:13px;border-radius:9px;padding:9px 14px}.application-alert{background:linear-gradient(90deg,#fff8df,#fff);border:1px solid #f1d88b;border-left:4px solid #d79a14;color:#5e480d;border-radius:12px;padding:14px 17px;margin-bottom:18px}.application-alert div div{font-size:12px;color:#8b6c22;margin-top:2px}.stat-card{min-height:125px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-34px;bottom:-44px;background:rgba(255,255,255,.45)}.stat-foot{font-size:14px;color:#a3aabd;margin-top:5px}.crm-card-blue .stat-icon{background:#eaf1ff;color:#315ddf}.crm-card-indigo .stat-icon{background:#eeecff;color:#6654d9}.crm-card-orange .stat-icon{background:#fff1df;color:#ce7a08}.crm-card-red .stat-icon{background:#ffebeb;color:#d43d35}.crm-card-green .stat-icon{background:#e8f8ef;color:#23925a}.crm-card-purple .stat-icon{background:#f3eaff;color:#8a43c4}.crm-card-teal .stat-icon{background:#e5f8f8;color:#138b8b}.crm-card-navy .stat-icon{background:#e9edff;color:#1d3e9d}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h5{font-size:16px;font-weight:800;margin:0}.section-heading span{font-size:11px;color:#929aad}.section-heading>a{font-size:11px;text-decoration:none;color:#4560c8}.activity-chart{height:180px;display:flex;align-items:end;gap:12px;padding:12px 6px 0;border-top:1px solid #f0f2f6}.activity-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px}.activity-col small{font-size:10px;color:#929aad}.activity-value{font-size:10px;color:#667085}.activity-bar{width:100%;max-width:34px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#354da9,#8a98e1);min-height:4px}.notification-dot{width:8px;height:8px;background:#e2231a;border-radius:50%;display:block!important}.notification-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef0f5;text-decoration:none;color:inherit}.notification-row:last-child{border-bottom:0}.notification-row>span{margin-left:auto;color:#a1a8b8;font-size:18px}.notification-icon{width:31px;height:31px;border-radius:9px;background:#eef1ff;color:#3048a3;display:flex;align-items:center;justify-content:center;font-weight:800}.notification-row strong{font-size:11px}.notification-row p{font-size:11px;margin:1px 0;color:#4f596d}.notification-row small{font-size:12px !important;color:#9aa2b2}.followup-row{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid #eef0f5}.followup-row:last-child{border-bottom:0}.date-box{width:39px;height:43px;border-radius:10px;background:#eef1ff;color:#263f9c;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 39px}.date-box strong{font-size:15px;line-height:1}.date-box small{font-size:8px;text-transform:uppercase}.followup-row>div:last-child strong{font-size:11px}.followup-row p{font-size:10px;margin:2px 0;color:#566076}.followup-row small{font-size:14px;color:#9ba3b3}.empty-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#6f788b}.empty-state.compact{min-height:145px}.empty-icon{width:42px;height:42px;border-radius:50%;background:#eef1ff;color:#5267bd;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:3px}.empty-state strong{font-size:12px;color:#333c4e}.empty-state span{font-size:10px;color:#9aa2b2}.empty-state .btn{margin-top:7px;font-size:10px}.login-card{width:450px;padding:38px;border-radius:22px}.login-brand-mark{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:22px}.login-brand-dot{width:12px;height:36px;border-radius:6px;background:#e2231a;display:block}.login-logo{font-size:25px;font-weight:900;color:var(--crm-navy);letter-spacing:.2px;text-align:left;margin:0}.login-subtitle{font-size:10px;letter-spacing:1.5px;color:#7d88a5;font-weight:700}.login-heading{font-size:24px;font-weight:800;color:#19213c;margin-bottom:5px}.login-description{font-size:12px;color:#8790a3;margin-bottom:23px}.login-card .form-control{height:46px}.crm-link{color:#4058b8;text-decoration:none;font-weight:600}.crm-link:hover{text-decoration:underline}.login-card .btn-crm{height:46px;font-weight:700;letter-spacing:.3px}.logout-btn{padding:7px 11px}.table td,.table th{border-color:#eef0f5}
@media(max-width:767px){.user-meta{display:none}.dashboard-hero{align-items:flex-start!important;gap:14px;flex-direction:column}.quick-actions{width:100%}.quick-actions>*{flex:1;text-align:center}.crm-content{padding:16px}.application-alert{align-items:flex-start!important;gap:10px}.application-alert .btn{white-space:nowrap}.login-card{width:100%;max-width:450px;padding:28px}.activity-chart{gap:6px}}

/* ===== AYYAN SYSTEMS CRM - HIGH FIDELITY UI ===== */
*{box-sizing:border-box}
body.crm-body{margin:0;background:#f4f6fb;color:#162033;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.material-symbols-rounded{font-size:20px;line-height:1;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24}
.crm-shell{min-height:100vh}.crm-sidebar{width:274px;background:linear-gradient(180deg,#0d1744 0%,#101a45 55%,#0d173d 100%);box-shadow:12px 0 35px rgba(16,26,69,.08)}
.crm-brand{padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.crm-brand-link{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.crm-brand-link strong{display:block;font-size:17px;letter-spacing:.4px}.crm-brand-link small{display:block;color:#9ba7d1;font-size:14px;letter-spacing:1.8px;margin-top:4px;font-weight:700}.crm-brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#2f48a4,#526ce0);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(47,72,164,.3)}.crm-brand-mark .material-symbols-rounded{font-size:23px;color:#fff}
.crm-workspace{margin:15px 14px 5px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:12px;display:flex;gap:9px;align-items:center;color:#cbd4f2}.crm-workspace>.material-symbols-rounded{color:#7f98ff}.crm-workspace b{display:block;font-size:10px;color:#fff}.crm-workspace small{display:block;font-size:14px;color:#8490bc;margin-top:2px}
.crm-nav{padding:7px 13px 100px}.crm-nav .section{font-size:12px;color:#7f8bbd;letter-spacing:1.5px;font-weight:800;padding:17px 12px 7px;text-transform:uppercase}.crm-nav-link{display:flex!important;align-items:center;gap:11px;min-height:43px;padding:10px 12px!important;color:#c7d0ed!important;border-radius:10px!important;text-decoration:none!important;font-size:12px!important;font-weight:600;margin:3px 0!important;transition:.18s ease}.crm-nav-link .nav-icon{font-size:18px;color:#8794c5}.crm-nav-link:hover{background:rgba(82,108,224,.14)!important;color:#fff!important;transform:translateX(2px)}.crm-nav-link.active{background:linear-gradient(90deg,#293b91,#30479f)!important;color:#fff!important;box-shadow:0 7px 20px rgba(31,52,137,.25)}.crm-nav-link.active .nav-icon{color:#fff}.nav-count{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:20px;background:#eb5148;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;display:flex;gap:9px;align-items:center;color:#fff;border-top:1px solid rgba(255,255,255,.07);background:rgba(5,12,40,.3)}.sidebar-footer .material-symbols-rounded{font-size:18px;color:#8194ef}.sidebar-footer b{display:block;font-size:10px}.sidebar-footer small{display:block;color:#7985b0;font-size:8px;margin-top:2px}
.crm-main{margin-left:274px;width:calc(100% - 274px);min-height:100vh}.crm-topbar{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7eaf1;padding:0 30px;box-shadow:0 2px 18px rgba(17,29,70,.035);backdrop-filter:blur(12px)}.topbar-title strong{display:block;font-size:14px;letter-spacing:.2px;color:#111d42}.topbar-title span{display:block;font-size:10px;color:#8b94a8;margin-top:3px}.topbar-right{display:flex;align-items:center;gap:12px}.notification-btn{width:40px;height:40px;border:1px solid #e3e7ef;background:#fff;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#314a9e;text-decoration:none;position:relative}.notification-btn>b{position:absolute;right:-4px;top:-5px;width:18px;height:18px;border-radius:50%;background:#e23b32;color:#fff;border:2px solid #fff;font-size:8px;display:flex;align-items:center;justify-content:center}.user-chip{display:flex;align-items:center;gap:9px;padding:2px 4px}.avatar{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#e8edff,#d9e2ff);color:#243e9b;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.user-meta strong{display:block;font-size:11px}.user-meta small{display:block;font-size:14px;color:#929bad;margin-top:2px}.logout-btn{height:38px;border:1px solid #dfe4ed;border-radius:10px;color:#5b6476;text-decoration:none;display:flex;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:600;background:#fff}.logout-btn:hover{background:#f8f9fc;color:#1b2b63}.mobile-menu{display:none;border:1px solid #e2e6ef;background:#fff;border-radius:9px;width:38px;height:38px;align-items:center;justify-content:center;color:#24386f}
.crm-content{padding:28px 30px 45px;max-width:1700px}.crm-page-title{font-size:26px!important;line-height:1.15;font-weight:800!important;color:#121e3f;letter-spacing:-.45px}.crm-muted{color:#8490a6}.eyebrow{font-size:14px;font-weight:800;letter-spacing:1.6px;color:#6879bd}.crm-card{border:1px solid #e7eaf1!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(18,32,73,.045)!important;background:#fff;padding:20px!important}.crm-card:hover{box-shadow:0 12px 32px rgba(18,32,73,.07)!important}.btn-crm{background:linear-gradient(135deg,#18275f,#2d4195)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:10px 15px!important;font-size:11px!important;font-weight:700!important;box-shadow:0 7px 16px rgba(31,50,127,.16)}.btn-crm:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(31,50,127,.22)}.btn-outline-secondary,.btn-light{border-radius:10px!important;font-size:11px!important}.form-control,.form-select{min-height:42px;border:1px solid #dfe4ed!important;border-radius:10px!important;font-size:11px!important;color:#28334b!important;background:#fff!important}.form-control:focus,.form-select:focus{border-color:#7587d0!important;box-shadow:0 0 0 3px rgba(74,94,184,.1)!important}.form-label{font-size:13px!important;font-weight:700!important;color:#4b566d!important;margin-bottom:6px}.table{margin-bottom:0}.table thead th{font-size:14px!important;letter-spacing:.7px;color:#8791a5!important;background:#f8f9fc!important;border-bottom:1px solid #e9edf4!important;padding:12px!important}.table td{font-size:11px!important;color:#2b3449;padding:13px 12px!important;border-color:#eef1f5!important}.table tbody tr:hover{background:#fbfcff}.badge-soft{padding:6px 9px;border-radius:20px;font-size:14px;font-weight:700}.soft-success{background:#e7f8ee;color:#188653}.soft-warning{background:#fff4d9;color:#a16a06}.soft-danger{background:#fde9e7;color:#c22e24}.soft-primary{background:#e9edff;color:#29439c}.soft-secondary{background:#edf0f4;color:#697388}
.dashboard-hero{padding:4px 0 2px}.dashboard-hero .crm-page-title{margin-bottom:6px}.quick-actions{display:flex;gap:9px}.quick-actions a{display:flex;align-items:center;gap:6px;text-decoration:none}.application-alert{border:1px solid #f0d58a!important;border-left:4px solid #d79815!important;background:linear-gradient(90deg,#fff8e6,#fff)!important;border-radius:14px!important;padding:15px 18px!important}.application-alert strong{font-size:12px}.application-alert div div{font-size:10px;color:#8a6d29;margin-top:4px}.stat-card{min-height:130px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.stat-label{font-size:13px;color:#8790a3;font-weight:600}.stat-value{font-size:27px;font-weight:800;letter-spacing:-.7px;color:#132044;margin-top:7px}.stat-foot{font-size:14px;color:#a1a8b7;margin-top:7px}.stat-icon{width:47px;height:47px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:19px}.crm-card-blue .stat-icon{background:#eaf1ff;color:#315ddf}.crm-card-indigo .stat-icon{background:#eeecff;color:#6654d9}.crm-card-orange .stat-icon{background:#fff1df;color:#ce7a08}.crm-card-red .stat-icon{background:#ffebeb;color:#d43d35}.crm-card-green .stat-icon{background:#e8f8ef;color:#23925a}.crm-card-purple .stat-icon{background:#f3eaff;color:#8a43c4}.crm-card-teal .stat-icon{background:#e5f8f8;color:#138b8b}.crm-card-navy .stat-icon{background:#e9edff;color:#1d3e9d}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h5{font-size:14px;font-weight:800;color:#172343;margin:0}.section-heading span{font-size:14px;color:#929bad}.section-heading>a{font-size:10px;color:#3d5cc0;text-decoration:none;font-weight:700}.activity-chart{height:210px;display:flex;align-items:stretch;gap:10px;padding:15px 5px 0;border-top:1px solid #f0f2f6}.activity-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.activity-value{font-size:14px;color:#59647a}.activity-bar-wrap{height:150px;width:100%;display:flex;align-items:flex-end;justify-content:center}.activity-bar{width:30px;max-width:75%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#425ac1,#91a1e4);min-height:5px}.activity-col small{font-size:14px;color:#929bad}.notification-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef0f5;text-decoration:none;color:inherit}.notification-row:last-child{border-bottom:0}.notification-icon{width:34px;height:34px;border-radius:10px;background:#eef1ff;color:#3048a3;display:flex;align-items:center;justify-content:center}.notification-row strong{font-size:14px;color:#24304b}.notification-row p{font-size:13px;margin:2px 0;color:#58637a}.notification-row small{font-size:8px;color:#9aa2b2}.notification-row>span:last-child{margin-left:auto;color:#a1a8b8}.notification-dot{width:8px;height:8px;border-radius:50%;background:#e23c32}.followup-row{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #eef0f5}.date-box{width:42px;height:44px;border-radius:11px;background:#eef1ff;color:#263f9c;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 42px}.date-box strong{font-size:15px;line-height:1}.date-box small{font-size:8px;text-transform:uppercase}.followup-row strong{font-size:10px}.followup-row p{font-size:14px;margin:3px 0;color:#59637a}.followup-row small{font-size:8px;color:#9aa2b2}.empty-state{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#6f788b}.empty-state.compact{min-height:135px}.empty-icon{width:42px;height:42px;border-radius:13px;background:#eef1ff;color:#5267bd;display:flex;align-items:center;justify-content:center}.empty-state strong{font-size:11px;color:#30394d}.empty-state span{font-size:14px;color:#9aa2b2}.empty-state .btn{font-size:14px;margin-top:6px}
.page-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-toolbar-copy .crm-muted{font-size:11px;margin-top:5px}.toolbar-actions{display:flex;gap:8px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.mini-metric{padding:15px 17px;border:1px solid #e8ebf2;border-radius:14px;background:#fff}.mini-metric small{font-size:14px;color:#8c95a7}.mini-metric strong{display:block;font-size:19px;color:#172343;margin-top:5px}.mini-metric i{font-style:normal;font-size:14px;color:#9aa2b2}.data-card{overflow:hidden}.table-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #eef0f5;margin-bottom:0}.table-card-header h5{font-size:13px;margin:0;font-weight:800}.table-card-header span{font-size:14px;color:#9aa2b2}.record-name{font-weight:700;color:#182443}.record-meta{font-size:14px;color:#8c95a7;margin-top:3px}.action-group{display:flex;gap:5px;justify-content:flex-end}.action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #e1e5ed;border-radius:8px;background:#fff;color:#39455d;text-decoration:none;font-size:14px;font-weight:700}.action-btn:hover{background:#f7f8fb}.action-btn.primary{background:#eff2ff;border-color:#dbe1ff;color:#2c459e}.page-alert{border-radius:12px!important;font-size:10px!important;border:1px solid #e7eaf1!important}.detail-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.detail-identity{display:flex;align-items:center;gap:14px}.detail-avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#eef1ff,#dce4ff);display:flex;align-items:center;justify-content:center;color:#2f49a1;font-size:20px;font-weight:800}.detail-identity h1{margin:0;font-size:22px;font-weight:800}.detail-identity p{margin:4px 0 0;font-size:10px;color:#8c95a7}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.info-item{padding:12px;border-radius:11px;background:#f8f9fc;border:1px solid #edf0f5}.info-item small{display:block;font-size:8px;color:#9aa2b2;text-transform:uppercase;letter-spacing:.5px}.info-item strong{display:block;font-size:10px;color:#28334b;margin-top:4px}.pipeline{display:flex;align-items:flex-start;gap:0;margin:20px 0 8px}.pipeline-step{flex:1;position:relative;text-align:center}.pipeline-step:before{content:'';position:absolute;left:0;right:0;top:15px;height:3px;background:#e8ebf2;z-index:0}.pipeline-step:first-child:before{left:50%}.pipeline-step:last-child:before{right:50%}.pipeline-dot{position:relative;z-index:1;margin:0 auto 8px;width:30px;height:30px;border-radius:50%;background:#edf0f5;color:#7d8799;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:4px solid #fff;box-shadow:0 0 0 1px #e6eaf1}.pipeline-step.done .pipeline-dot,.pipeline-step.current .pipeline-dot{background:#2e469f;color:#fff;box-shadow:0 0 0 1px #2e469f}.pipeline-step.done:before{background:#2e469f}.pipeline-step small{display:block;font-size:8px;color:#8d96a8;line-height:1.3}.pipeline-step.current small,.pipeline-step.done small{color:#2b3e86;font-weight:700}
.login-page{background:radial-gradient(circle at 20% 20%,#283c91 0,#121d4b 40%,#0d1436 100%);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:'';position:absolute;border-radius:50%;filter:blur(2px);opacity:.18;background:#6f86ff}.login-page:before{width:360px;height:360px;left:-130px;top:-120px}.login-page:after{width:430px;height:430px;right:-180px;bottom:-170px}.login-card{position:relative;z-index:2;width:460px;border-radius:24px;padding:38px;background:rgba(255,255,255,.98);box-shadow:0 35px 100px rgba(0,0,0,.35)}.login-brand-mark{justify-content:flex-start;margin-bottom:25px}.login-brand-dot{width:6px;height:38px;border-radius:8px;background:#e2241c}.login-logo{font-size:23px;letter-spacing:.2px}.login-subtitle{font-size:14px;letter-spacing:1.7px}.login-heading{font-size:25px;font-weight:800;color:#152042;margin-bottom:5px}.login-description{font-size:11px;color:#7d8799;margin-bottom:23px}.login-card .form-control{height:47px}.login-card .btn-crm{height:47px}.crm-link{color:#4058b8;text-decoration:none;font-weight:700;font-size:10px}.login-card .alert{border-radius:11px;font-size:10px}.login-footnote{text-align:center;font-size:14px;color:#9ba3b2;margin-top:17px}.login-footnote .material-symbols-rounded{font-size:13px;vertical-align:middle}
@media(max-width:1100px){.crm-sidebar{width:240px}.crm-main{margin-left:240px;width:calc(100% - 240px)}.metric-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.crm-sidebar{transform:translateX(-100%);transition:.22s;box-shadow:20px 0 50px rgba(0,0,0,.2)}.crm-sidebar.open{transform:translateX(0)}.crm-main{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.crm-topbar{padding:0 18px}.crm-content{padding:22px 18px 40px}.topbar-title span{display:none}.user-meta{display:none}}
@media(max-width:767px){.crm-page-title{font-size:22px!important}.page-toolbar,.detail-hero{align-items:flex-start;flex-direction:column}.toolbar-actions,.quick-actions{width:100%}.toolbar-actions>* ,.quick-actions>*{flex:1;justify-content:center}.metric-strip{grid-template-columns:1fr 1fr}.stat-card{min-height:112px}.stat-value{font-size:23px}.stat-icon{width:41px;height:41px}.info-grid{grid-template-columns:1fr}.crm-card{padding:15px!important}.table{min-width:720px}.table-responsive{overflow-x:auto}.login-card{width:calc(100% - 30px);padding:28px}.topbar-right{gap:7px}.logout-btn span:last-child{display:none}.logout-btn{width:38px;justify-content:center;padding:0}}

/* =========================================================
   AYYAN SYSTEMS CRM - GLOBAL FONT SIZE FIX
   Add this at the VERY END of crm.css
   ========================================================= */

html,
body {
    font-size: 16px !important;
}

body.crm-body {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif !important;
    font-size: 16px !important;
}

/* =========================
   SIDEBAR
   ========================= */

.crm-sidebar {
    width: 274px;
}

.crm-brand {
    padding: 24px 20px !important;
}

.crm-brand-link strong,
.crm-brand-title {
    font-size: 19px !important;
    line-height: 1.2 !important;
}

.crm-brand-link small,
.crm-brand small {
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
}

.crm-workspace {
    padding: 15px 14px !important;
}

.crm-workspace b {
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.crm-workspace small {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.crm-nav {
    padding: 10px 14px 120px !important;
}

.crm-nav .section {
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    padding: 20px 14px 9px !important;
}

.crm-nav-link {
    min-height: 48px !important;
    padding: 11px 14px !important;
    gap: 13px !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    margin: 4px 0 !important;
}

.crm-nav-link .nav-icon {
    font-size: 21px !important;
    width: 23px;
}

.nav-count {
    min-width: 24px !important;
    height: 24px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* =========================
   SIDEBAR FOOTER
   ========================= */

.sidebar-footer {
    padding: 16px 20px !important;
}

.sidebar-footer b {
    font-size: 12px !important;
    line-height: 1.3 !important;
}

.sidebar-footer small {
    font-size: 10px !important;
    margin-top: 4px !important;
}

/* =========================
   TOP HEADER
   ========================= */

.crm-topbar {
    height: 82px !important;
    padding: 0 32px !important;
}

.topbar-title strong {
    font-size: 18px !important;
    line-height: 1.25 !important;
}

.topbar-title span {
    font-size: 13px !important;
    margin-top: 5px !important;
}

.notification-btn {
    width: 44px !important;
    height: 44px !important;
}

.user-meta strong {
    font-size: 14px !important;
}

.user-meta small {
    font-size: 12px !important;
}

.avatar {
    width: 42px !important;
    height: 42px !important;
    font-size: 15px !important;
}

.logout-btn {
    font-size: 14px !important;
}

/* =========================
   MAIN CONTENT
   ========================= */

.crm-content {
    padding: 30px 34px 50px !important;
}

.crm-page-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.eyebrow {
    font-size: 13px !important;
    letter-spacing: 1.8px !important;
}

.crm-muted {
    font-size: 14px !important;
}

/* =========================
   BUTTONS
   ========================= */

.btn-crm {
    font-size: 14px !important;
    padding: 11px 17px !important;
}

.quick-actions .btn {
    font-size: 14px !important;
    padding: 11px 16px !important;
}

/* =========================
   APPLICATION ALERT
   ========================= */

.application-alert {
    padding: 17px 20px !important;
}

.application-alert strong {
    font-size: 15px !important;
}

.application-alert div div {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.application-alert .btn {
    font-size: 14px !important;
}

/* =========================
   CARDS
   ========================= */

.crm-card {
    padding: 22px !important;
    border-radius: 16px !important;
}

.stat-card {
    min-height: 145px !important;
}

.stat-label {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.stat-value {
    font-size: 32px !important;
    line-height: 1.15 !important;
    margin-top: 7px !important;
}

.stat-foot {
    font-size: 13px !important;
    margin-top: 7px !important;
}

.stat-icon {
    width: 52px !important;
    height: 52px !important;
}

.stat-icon .material-symbols-rounded {
    font-size: 25px !important;
}

/* =========================
   SECTION HEADINGS
   ========================= */

.section-heading h5 {
    font-size: 18px !important;
    font-weight: 800 !important;
}

.section-heading span {
    font-size: 13px !important;
}

.section-heading a {
    font-size: 13px !important;
}

/* =========================
   TABLES
   ========================= */

.table {
    font-size: 14px !important;
}

.table thead th {
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 13px 12px !important;
}

.table td {
    font-size: 14px !important;
    padding: 14px 12px !important;
    line-height: 1.45 !important;
}

.badge-soft {
    font-size: 12px !important;
    padding: 7px 10px !important;
}

/* =========================
   FORMS
   ========================= */

.form-label {
    font-size: 14px !important;
    margin-bottom: 7px !important;
}

.form-control,
.form-select {
    font-size: 14px !important;
    padding: 12px 14px !important;
    min-height: 46px !important;
}

.form-control::placeholder {
    font-size: 14px !important;
}

/* =========================
   LOGIN / REGISTER
   ========================= */

.login-card {
    font-size: 15px !important;
}

.login-heading {
    font-size: 28px !important;
    line-height: 1.25 !important;
}

.login-description {
    font-size: 14px !important;
}

.login-card .form-label {
    font-size: 14px !important;
}

.login-card .form-control {
    font-size: 15px !important;
    height: 50px !important;
}

.login-card .btn-crm {
    font-size: 15px !important;
    height: 50px !important;
}

.login-footnote {
    font-size: 13px !important;
}

.crm-link {
    font-size: 13px !important;
}

/* =========================
   DETAIL / CONTENT TEXT
   ========================= */

.crm-content p {
    font-size: 14px;
    line-height: 1.6;
}

.crm-content small {
    font-size: 12px;
}

.crm-content label {
    font-size: 14px;
}

.crm-content h1 {
    line-height: 1.25;
}

.crm-content h2 {
    font-size: 26px;
}

.crm-content h3 {
    font-size: 22px;
}

.crm-content h4 {
    font-size: 19px;
}

.crm-content h5 {
    font-size: 17px;
}

.crm-content h6 {
    font-size: 15px;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1100px) {

    .crm-nav-link {
        font-size: 14px !important;
    }

    .crm-content {
        padding: 26px 24px 40px !important;
    }

    .crm-page-title {
        font-size: 29px !important;
    }

}

@media (max-width: 991px) {

    .crm-topbar {
        height: 72px !important;
        padding: 0 18px !important;
    }

    .crm-content {
        padding: 24px 18px 40px !important;
    }

    .crm-page-title {
        font-size: 26px !important;
    }

}

@media (max-width: 767px) {

    .crm-page-title {
        font-size: 23px !important;
    }

    .crm-card {
        padding: 18px !important;
    }

    .stat-value {
        font-size: 27px !important;
    }

    .stat-label {
        font-size: 13px !important;
    }

    .table td {
        font-size: 13px !important;
    }

    .table thead th {
        font-size: 11px !important;
    }
}


/* =========================================================
   AYYAN CRM — FINAL CLIENT READABILITY & ALIGNMENT PASS
   Larger, production-ready typography on every CRM page.
   ========================================================= */
body.crm-body{font-size:15px !important;line-height:1.55 !important}
.crm-brand{min-height:118px !important;padding:14px 20px !important;display:flex !important;align-items:center !important;justify-content:center !important}
.crm-brand .ayyan-mobile-logo{width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important}
.crm-brand .crm-logo-img{width:165px !important;height:auto !important;max-height:92px !important;object-fit:contain !important;object-position:center !important;display:block !important}
.crm-workspace b{font-size:12px !important}.crm-workspace small{font-size:14px !important}
.crm-nav .section{font-size:13px !important;letter-spacing:1.6px !important;padding-top:19px !important}
.crm-nav-link{min-height:50px !important;padding:12px 14px !important;gap:12px !important;font-size:15px !important;font-weight:600 !important}.crm-nav-link .nav-icon{font-size:21px !important}
.nav-count{min-width:25px !important;height:25px !important;font-size:12px !important}
.crm-topbar{min-height:76px !important}.topbar-title strong{font-size:17px !important;line-height:1.25 !important}.topbar-title span{font-size:13px !important}
.user-meta strong{font-size:14px !important}.user-meta small{font-size:12px !important}.avatar{width:40px !important;height:40px !important;font-size:15px !important}.notification-btn{width:44px !important;height:44px !important;font-size:22px !important}.logout-btn{font-size:14px !important;padding:10px 13px !important}
.crm-content{padding:30px !important}.crm-page-title{font-size:32px !important;line-height:1.2 !important}.eyebrow{font-size:13px !important;letter-spacing:1.7px !important}.crm-muted{font-size:14px !important}
.quick-actions .btn{font-size:14px !important;padding:11px 16px !important}.application-alert{padding:16px 18px !important}.application-alert strong,.application-alert > div:first-child{font-size:15px !important}.application-alert div div{font-size:13px !important}
.stat-card{min-height:142px !important;padding:22px !important}.stat-label{font-size:15px !important}.stat-value{font-size:32px !important;line-height:1.1 !important}.stat-foot{font-size:13px !important}.stat-icon{width:52px !important;height:52px !important}
.section-heading h5{font-size:18px !important}.section-heading span,.section-heading>a{font-size:13px !important}.table thead th{font-size:13px !important;letter-spacing:.6px !important}.table td{font-size:14px !important;line-height:1.5 !important}.badge-soft{font-size:12px !important}.btn-crm{font-size:14px !important;padding:11px 16px !important}
.form-label{font-size:14px !important}.form-control,.form-select{font-size:15px !important;min-height:48px !important;padding:11px 14px !important}.form-control::placeholder{font-size:14px !important}
.crm-content p{font-size:15px !important;line-height:1.65 !important}.crm-content small{font-size:12px !important}.crm-content h2{font-size:28px !important}.crm-content h3{font-size:23px !important}.crm-content h4{font-size:20px !important}.crm-content h5{font-size:18px !important}.crm-content h6{font-size:16px !important}
.notification-row strong{font-size:14px !important}.notification-row p{font-size:13px !important}.notification-row small{font-size:12px !important}.followup-row>div:last-child strong{font-size:14px !important}.followup-row p{font-size:12px !important}.followup-row small{font-size:13px !important}.empty-state strong{font-size:14px !important}.empty-state span{font-size:12px !important}.sidebar-footer b{font-size:13px !important}.sidebar-footer small{font-size:11px !important}
@media (max-width:1100px){.crm-content{padding:26px 24px 40px !important}.crm-page-title{font-size:30px !important}}
@media (max-width:991px){.crm-content{padding:24px 18px 40px !important}.crm-page-title{font-size:27px !important}.crm-topbar{height:72px !important}}
@media (max-width:767px){.crm-content{padding:18px 14px 32px !important}.crm-page-title{font-size:24px !important}.stat-value{font-size:28px !important}.stat-label{font-size:14px !important}.table td{font-size:13px !important}.table thead th{font-size:11px !important}}


/* =========================================================
   AUTH PAGES — MOBILE / LOGIN FIX
   ========================================================= */
.login-page {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    overflow-x: hidden;
}
.login-card {
    max-width: 100%;
}
.login-logo-image {
    width: 170px !important;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.login-alert {
    font-size: 13px !important;
    line-height: 1.5;
}
.login-card .form-label {
    font-size: 13px;
    font-weight: 700;
    color: #25314f;
}
.form-icon {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 3px;
}
.password-field {
    position: relative;
}
.password-field .form-control {
    padding-right: 48px;
}
.password-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border: 0;
    background: transparent;
    color: #56627c;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.password-toggle:hover { background: #f2f4fa; }
.login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 4px 0 18px;
}
.remember-option {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: #606b82;
    margin: 0;
}
.remember-option input { width: 15px; height: 15px; }
.login-submit {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.login-register-row {
    text-align: center;
    margin-top: 18px;
    font-size: 13px;
    color: #68738b;
}
@media (max-width: 575px) {
    .login-page {
        align-items: flex-start;
        padding: 16px 10px 24px;
    }
    .login-card {
        width: 100% !important;
        padding: 24px 18px !important;
        border-radius: 18px !important;
    }
    .login-brand-mark {
        margin-bottom: 18px !important;
    }
    .login-logo-image {
        width: 145px !important;
    }
    .login-heading {
        font-size: 24px !important;
    }
    .login-options {
        flex-wrap: wrap;
    }
    .login-card .form-control {
        min-height: 48px;
    }
}