/* Premium LoanCRM theme. Loaded after app.css so the existing PHP/data flow is untouched. */
:root{--ink:#10213f;--muted:#71809b;--navy:#071b42;--navy-2:#0b2b68;--blue:#2d6be8;--cyan:#36cbd0;--gold:#f7bd54;--gold-deep:#d98d1a;--bg:#f4f7fc;--line:#e5ebf5;--shadow:0 18px 50px rgba(11,35,78,.10);--shadow-soft:0 10px 30px rgba(11,35,78,.07)}
html{scroll-behavior:smooth}body{letter-spacing:-.01em}.btn{font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{box-shadow:0 10px 22px rgba(45,107,232,.24)}

/* Public landing page */
.public-page{background:#f7f9fd;color:var(--ink);overflow-x:hidden}.public-hero{position:relative;isolation:isolate;min-height:760px;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(62,214,220,.22),transparent 25%),radial-gradient(circle at 4% 86%,rgba(55,111,233,.2),transparent 28%),linear-gradient(135deg,#061633 0%,#0b2c68 54%,#095d84 100%)}.public-hero:before{content:'';position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;pointer-events:none}.hero-glow-one{width:420px;height:420px;right:-140px;top:160px;background:rgba(67,218,211,.12);box-shadow:0 0 90px rgba(67,218,211,.16);filter:blur(2px)}.hero-glow-two{width:260px;height:260px;left:-130px;bottom:-110px;background:rgba(77,122,255,.18);box-shadow:0 0 90px rgba(77,122,255,.2);filter:blur(2px)}.public-hero .container{z-index:2}.public-nav{height:96px;padding:0 18px;margin:0 -18px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(6,22,51,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.public-brand{gap:12px}.public-brand .brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f8c96c,#e5932e);box-shadow:0 10px 22px rgba(0,0,0,.24);color:#08204b}.public-brand strong{font-size:19px;letter-spacing:-.03em}.public-brand small{font-size:10px;letter-spacing:.04em}.public-links{gap:26px}.public-links a{font-weight:600;transition:color .2s ease}.public-links a:hover{color:#fff}.public-links .btn{font-weight:700}.btn-light-outline{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.08);box-shadow:0 8px 20px rgba(0,0,0,.08)}.btn-light-outline:hover{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.16)}.public-menu-toggle{display:none;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;width:42px;height:42px;border-radius:13px;font-size:18px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:54px;padding:72px 0 95px}.hero-copy{max-width:680px;padding:0}.hero-copy .kicker{display:inline-flex;align-items:center;border:1px solid rgba(118,234,227,.26);border-radius:999px;padding:9px 14px;color:#7ce9e0;background:rgba(65,211,211,.08);letter-spacing:1.4px;font-size:10px}.hero-copy h1{font-size:clamp(42px,5.2vw,72px);line-height:1.03;letter-spacing:-.065em;margin:22px 0;color:#fff}.hero-copy h1 span{display:block;color:#f8c969;background:linear-gradient(90deg,#fff0ad,#f4b84c 60%,#fff0ad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy p{max-width:610px;color:#c9d7f1;font-size:17px;line-height:1.75;margin-bottom:0}.hero-actions{margin-top:31px}.hero-actions .btn-info{background:linear-gradient(135deg,#31c9cc,#2e84e8);border:0;box-shadow:0 14px 28px rgba(34,162,211,.27)}.hero-proof{display:flex;flex-wrap:wrap;gap:17px;margin-top:28px;color:#bbcae6;font-size:11px}.hero-proof i{color:#64ded0;margin-right:6px}.hero-visual{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;border:1px solid rgba(119,233,227,.19);border-radius:50%;pointer-events:none}.orbit-one{width:520px;height:520px;transform:rotate(20deg)}.orbit-two{width:395px;height:395px;border-color:rgba(248,201,105,.19);transform:rotate(-25deg)}.hero-dashboard-card{position:relative;width:min(100%,470px);z-index:2;padding:23px;border:1px solid rgba(255,255,255,.25);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(233,243,255,.88));box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9);transform:rotate(1deg)}.hero-card-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid #e3eaf4}.hero-card-eyebrow{display:block;color:#7b8aa3;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.hero-card-top b{font:800 15px Manrope;color:#13254a}.hero-live{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#14886c;background:#e7faf3;font-size:10px;font-weight:800}.hero-live i{width:6px;height:6px;border-radius:50%;background:#20ae84;box-shadow:0 0 0 4px rgba(32,174,132,.12)}.hero-total{padding:19px 0 7px}.hero-total small{display:block;color:#7c8ca7;font-size:11px}.hero-total strong{display:block;color:#122652;font:800 31px Manrope;letter-spacing:-.05em;margin:3px 0}.hero-total span{font-size:10px;color:#159b75;font-weight:800}.hero-bars{height:105px;display:flex;align-items:flex-end;gap:9px;padding:12px 2px 16px;border-bottom:1px solid #e7edf5}.hero-bars i{display:block;flex:1;min-height:10px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#45d1d1,#3c74e7);opacity:.85}.hero-bars i:nth-child(3n){background:linear-gradient(180deg,#f9cb6d,#e8a03b)}.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.hero-mini{position:relative;min-height:83px;padding:12px;border:1px solid #e7edf5;border-radius:15px;background:rgba(255,255,255,.74)}.hero-mini small{display:block;color:#8290a8;font-size:9px;margin:0 0 3px 34px;white-space:nowrap}.hero-mini b{display:block;color:#142955;font:800 17px Manrope;margin-left:34px}.hero-mini em{display:block;font-style:normal;color:#17a579;font-size:9px;margin-left:34px;margin-top:3px}.mini-icon{position:absolute;left:11px;top:12px;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;font-size:11px}.mini-blue{color:#3469d7;background:#eaf0ff}.mini-gold{color:#b97c12;background:#fff4d9}.mini-green{color:#168c69;background:#e4f8f0}.mini-red{color:#d34c6b;background:#ffebf0}.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 16px 35px rgba(0,0,0,.2);color:#1b2c50;min-width:185px}.floating-note b{display:block;font-size:11px}.floating-note small{display:block;color:#8290a8;font-size:9px;margin-top:3px}.floating-note-top{top:35px;right:-4px;animation:floatNote 4s ease-in-out infinite}.floating-note-bottom{left:-18px;bottom:34px;animation:floatNote 4.5s ease-in-out infinite reverse}.floating-check,.floating-qr{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;font-size:13px}.floating-check{color:#129a73;background:#e4f8f0}.floating-qr{color:#315fd2;background:#eaf0ff}@keyframes floatNote{50%{transform:translateY(-8px)}}
.trust-strip{position:relative;z-index:5;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 35px rgba(10,31,69,.06)}.trust-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:78px}.trust-label{color:#8a98ae;font-weight:800;font-size:9px;letter-spacing:1.5px;white-space:nowrap}.trust-items{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:25px;color:#50617f;font-size:11px;font-weight:700}.trust-items i{color:#3971e4;margin-right:6px}.trust-items span:nth-child(2) i{color:#c88920}.trust-items span:nth-child(3) i{color:#18a77d}.trust-items span:nth-child(4) i{color:#7664d8}.public-section{padding:88px 0}.solutions-section{background:#f7f9fd}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading-copy{max-width:375px;margin:0 0 2px;line-height:1.7}.section-kicker{letter-spacing:1.8px;font-size:10px}.section-title{font-size:36px;letter-spacing:-.055em;line-height:1.12;margin-top:11px}.feature-card-premium{position:relative;border:1px solid #e4eaf4;border-radius:22px;padding:29px;box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}.feature-card-premium:after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;right:-80px;top:-80px;background:linear-gradient(135deg,rgba(247,189,84,.18),transparent 70%);pointer-events:none}.feature-card-premium:hover{transform:translateY(-8px);border-color:#cbd8f1;box-shadow:0 24px 50px rgba(12,42,92,.13)}.feature-card-premium .feature-icon{height:52px;width:52px;border-radius:16px;margin-bottom:26px}.feature-icon-gold{background:#fff2d5;color:#bc7a10}.feature-icon-blue{background:#eaf0ff;color:#2c65da}.feature-icon-green{background:#e4f8f0;color:#159a73}.feature-number{position:absolute;right:25px;top:30px;color:#d6deeb;font:800 24px Manrope}.feature-card-premium h3{font-size:20px;letter-spacing:-.03em;margin-bottom:10px}.feature-card-premium p{min-height:80px;line-height:1.7}.feature-card-premium a{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:#2e68dc;font-size:12px;font-weight:800;text-decoration:none}.feature-card-premium a i{transition:transform .2s ease}.feature-card-premium a:hover i{transform:translateX(4px)}
.workflow-section{background:#fff}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.workflow-step{position:relative;padding:0 17px 5px 0}.workflow-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;color:#2f6be1;background:#eaf0ff;box-shadow:0 8px 18px rgba(47,107,225,.12);font-size:18px}.workflow-step:nth-child(2) .workflow-icon{color:#b77a11;background:#fff3d8}.workflow-step:nth-child(3) .workflow-icon{color:#148e6b;background:#e3f8f0}.workflow-step:nth-child(4) .workflow-icon{color:#d24d6c;background:#ffebf0}.workflow-line{position:absolute;top:28px;left:73px;width:calc(100% - 75px);height:1px;background:#dfe7f2}.workflow-step small{display:block;color:#9aa8bc;font-size:10px;font-weight:800;letter-spacing:1px;margin-top:25px}.workflow-step h3{font-size:18px;margin:8px 0}.workflow-step p{font-size:12px;line-height:1.7;color:var(--muted);max-width:190px}.security-section{background:#f7f9fd}.security-panel{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:380px;overflow:hidden;border-radius:28px;padding:53px 58px;background:radial-gradient(circle at 88% 45%,rgba(76,222,212,.28),transparent 29%),linear-gradient(135deg,#071b42,#0d4f8a);box-shadow:0 24px 60px rgba(7,29,71,.2);color:#fff}.security-panel:before{content:'';position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;opacity:.3}.security-copy,.security-art{position:relative;z-index:2}.security-copy{max-width:650px}.security-copy h2{font-size:35px;line-height:1.12;letter-spacing:-.05em;margin:13px 0 16px}.security-copy p{color:#bfd1eb;line-height:1.7;font-size:13px;max-width:590px}.security-points{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.security-points span{font-size:11px;color:#deebff}.security-points i{color:#6de1d6;margin-right:7px}.security-art{height:260px;display:grid;place-items:center}.security-shield{position:relative;z-index:3;width:120px;height:140px;display:grid;place-items:center;color:#09204c;font-size:44px;clip-path:polygon(50% 0,90% 14%,86% 65%,50% 100%,14% 65%,10% 14%);background:linear-gradient(150deg,#fff1a8,#f2ad3f);filter:drop-shadow(0 16px 18px rgba(0,0,0,.26))}.security-ring{position:absolute;border:1px solid rgba(119,230,221,.25);border-radius:50%}.ring-a{width:245px;height:245px}.ring-b{width:175px;height:175px;border-color:rgba(247,196,91,.26)}.security-tag{position:absolute;z-index:4;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.11);backdrop-filter:blur(12px);font-size:10px;white-space:nowrap}.security-tag i{color:#f6c461;margin-right:5px}.tag-a{right:-4px;top:21px}.tag-b{left:-3px;bottom:26px}.contact-section{background:#f7f9fd;padding-top:30px}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border:1px solid #dfe7f3;border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.contact-card h2{font-size:26px;letter-spacing:-.04em;margin:7px 0}.contact-card p{color:var(--muted);font-size:12px;margin:0}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.public-footer{background:#071a3d;padding:0;color:#a9bddf}.footer-main{display:grid;grid-template-columns:1.55fr .8fr .8fr 1fr;gap:38px;padding:54px 0 44px}.footer-brand p{max-width:250px;color:#8da6ce;font-size:11px;line-height:1.7;margin:17px 0 0}.public-footer .public-brand{color:#fff}.public-footer .public-brand .brand-mark{color:#0a2250}.public-footer h4{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#e6eeff;margin:3px 0 17px}.public-footer a{font-size:11px;color:#a9bddf;margin:10px 0;transition:color .2s ease}.public-footer a:hover{color:#fff}.footer-contact{display:block;font-size:11px;margin:10px 0;color:#a9bddf}.footer-contact i{width:18px;color:#f6c461}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:10px;color:#7793bf}

/* Dashboard and shared application pages */
.crm-body{background:linear-gradient(135deg,#f6f8fc,#eef3fb);color:var(--ink)}.app-sidebar{background:linear-gradient(180deg,#071a43 0%,#0d2a64 58%,#071838 100%);box-shadow:14px 0 40px rgba(8,29,67,.12)}.brand-lockup{padding:24px 21px;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent)}.sidebar-user{border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(73,126,237,.22),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.nav-item{border:1px solid transparent}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(52,111,229,.94),rgba(36,173,192,.76));border-color:rgba(255,255,255,.12);box-shadow:0 10px 20px rgba(20,77,183,.25)}.topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 5px 20px rgba(11,35,78,.03)}.topbar h1{letter-spacing:-.04em}.page-content{padding-top:33px}.stat-card{border:1px solid rgba(224,232,244,.9);box-shadow:var(--shadow-soft);transition:transform .22s ease,box-shadow .22s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,43,90,.12)}.stat-icon{box-shadow:0 8px 16px rgba(18,49,107,.08)}.panel{border-color:#e3eaf4;box-shadow:var(--shadow-soft)}.panel-head{background:linear-gradient(180deg,#fff,#fbfcfe)}.panel-head h2{letter-spacing:-.03em}.filter-bar{border-color:#e3eaf4;box-shadow:0 6px 18px rgba(12,42,92,.04)}.form-control,.form-select{background:#fcfdff}.form-control:hover,.form-select:hover{border-color:#bdcce5}.btn-soft{box-shadow:0 5px 12px rgba(38,89,189,.08)}.app-footer{background:transparent}

@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:55px}.hero-copy{max-width:760px}.hero-visual{min-height:430px;max-width:650px;margin:0 auto;width:100%}.trust-items{gap:14px}.workflow-grid{gap:18px}}
@media(max-width:991px){.app-sidebar{transform:translateX(-100%);transition:.25s}.app-sidebar.open{transform:translateX(0);box-shadow:20px 0 45px rgba(0,0,0,.2)}.app-main{margin-left:0;width:100%}.topbar{padding:0 18px}.topbar-actions .live-dot{display:none}.page-content{padding:23px 17px}.app-footer{padding:15px 17px;gap:10px;flex-direction:column}.login-wrap{grid-template-columns:1fr}.login-art{display:none}}
@media(max-width:767px){.public-hero{min-height:auto}.public-nav{height:78px}.public-menu-toggle{display:block}.public-links{display:none;position:absolute;top:76px;left:18px;right:18px;padding:14px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(6,22,51,.96);box-shadow:0 20px 40px rgba(0,0,0,.25);flex-direction:column;align-items:stretch;gap:3px}.public-links.open{display:flex}.public-links a{padding:11px 12px}.public-links .btn{text-align:center;margin-top:5px}.hero-grid{padding:49px 0 62px}.hero-copy h1{font-size:clamp(39px,12vw,58px);margin-top:19px}.hero-copy p{font-size:15px}.hero-actions{display:flex;flex-direction:column;align-items:stretch}.hero-actions .btn{text-align:center}.hero-proof{gap:10px;line-height:1.6}.hero-visual{min-height:375px;margin-top:12px}.hero-dashboard-card{padding:17px;border-radius:21px}.hero-total strong{font-size:26px}.hero-mini{min-height:74px;padding:9px}.hero-mini b{font-size:14px}.floating-note{transform:scale(.82)}.floating-note-top{right:-26px;top:16px}.floating-note-bottom{left:-27px;bottom:10px}.orbit-one{width:390px;height:390px}.orbit-two{width:300px;height:300px}.trust-strip-inner{align-items:flex-start;flex-direction:column;padding:20px 0;gap:13px}.trust-items{justify-content:flex-start;gap:10px 17px}.public-section{padding:65px 0}.section-heading-row{display:block}.section-heading-copy{margin-top:16px}.section-title{font-size:29px}.workflow-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.workflow-line{display:none}.security-panel{grid-template-columns:1fr;padding:37px 25px}.security-copy h2{font-size:29px}.security-art{height:220px;margin-top:15px}.tag-a{right:0}.tag-b{left:0}.contact-card{align-items:flex-start;flex-direction:column;padding:27px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;line-height:1.6}}
@media(max-width:575px){.topbar{height:75px}.topbar h1{font-size:18px}.topbar-title .eyebrow{font-size:9px}.user-menu span{display:none}.page-title-row{align-items:flex-start;flex-direction:column}.panel-body{padding:15px;overflow-x:auto}.metric-strip{gap:14px}.stat-value{font-size:24px}.table{min-width:700px}}
@media(max-width:440px){.public-brand strong{font-size:16px}.public-brand small{font-size:8px}.hero-mini-grid{gap:7px}.hero-mini small{font-size:8px}.hero-mini b{font-size:13px}.hero-mini em{font-size:8px}.hero-proof{font-size:10px}.workflow-grid{grid-template-columns:1fr}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
