/* FTI LOAN v3 — Design System */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--brand:#4BB543;--brand-h:#3a9435;--brand-dim:rgba(75,181,67,.15);--brand-soft:#f0faf0;--green:#15803d;--green-soft:#dcfce7;--red:#dc2626;--red-soft:#fee2e2;--amber:#b45309;--amber-soft:#fef3c7;--ink:#0f172a;--ink-2:#334155;--ink-3:#64748b;--ink-4:#94a3b8;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--border:#e2e8f0;--border-2:#cbd5e1;--sidebar-bg:#071007;--blue:var(--brand);--blue-soft:var(--brand-soft);--blue-h:var(--brand-h);--sidebar-w:244px;--r:10px;--r-sm:6px;--sh:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);--sh-md:0 4px 16px rgba(0,0,0,.08);--sh-lg:0 10px 30px rgba(0,0,0,.1);--t:.18s cubic-bezier(.4,0,.2,1);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:15px;scroll-behavior:smooth;}
body{font-family:'Sora',sans-serif;background:var(--surface-2);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--brand);text-decoration:none;transition:color var(--t);}
/* Green accent for native form controls (checkboxes, radios, range) */
input[type=checkbox],input[type=radio]{accent-color:var(--brand);}
input[type=range]{accent-color:var(--brand);}
a:hover{color:var(--brand-h);}
img{max-width:100%;height:auto;display:block;}
.icon-svg{display:inline-block;flex-shrink:0;vertical-align:middle;}

/* AUTH */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#060e06 0%,#0d1f0d 55%,#081508 100%);padding:20px;position:relative;overflow:hidden;}
.auth-wrap::before{content:'';position:absolute;top:-15%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(75,181,67,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.auth-wrap::after{content:'';position:absolute;bottom:-15%;left:-10%;width:380px;height:380px;background:radial-gradient(circle,rgba(21,163,74,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.auth-card{background:var(--surface);border-radius:16px;padding:44px 40px;width:100%;max-width:430px;box-shadow:0 24px 56px rgba(0,0,0,.32);position:relative;z-index:1;}
.auth-logo{text-align:center;margin-bottom:28px;}
.auth-brand{font-size:2rem;font-weight:700;letter-spacing:-1.5px;color:var(--ink);}
.auth-brand em{color:#4BB543;font-style:normal;}
.auth-tagline{font-size:.72rem;color:var(--ink-3);letter-spacing:2px;text-transform:uppercase;margin-top:4px;}
.auth-heading{font-size:1.25rem;font-weight:700;margin-bottom:4px;}
.auth-sub{color:var(--ink-3);font-size:.875rem;margin-bottom:22px;}

/* FORMS */
.form-group{margin-bottom:16px;}
.form-label{display:block;font-size:.72rem;font-weight:600;color:var(--ink-3);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;}
.form-control{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;color:var(--ink);background:var(--surface);transition:border-color var(--t),box-shadow var(--t);outline:none;}
.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim);}
.form-control::placeholder{color:var(--ink-4);}
select.form-control{cursor:pointer;}
textarea.form-control{resize:vertical;min-height:88px;}
.input-wrap{position:relative;}
.input-wrap .form-control{padding-left:40px;}
.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-4);pointer-events:none;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r-sm);font-size:.875rem;font-weight:600;font-family:inherit;border:1.5px solid transparent;cursor:pointer;transition:all var(--t);text-decoration:none;white-space:nowrap;line-height:1;}
.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);}
.btn-primary:hover{background:var(--brand-h);border-color:var(--brand-h);color:#fff;box-shadow:0 4px 12px rgba(75,181,67,.35);}
.btn-success{background:var(--green);color:#fff;border-color:var(--green);}
.btn-success:hover{background:#166534;color:#fff;box-shadow:0 4px 12px rgba(21,128,61,.3);}
.btn-danger{background:var(--red);color:#fff;border-color:var(--red);}
.btn-danger:hover{background:#b91c1c;color:#fff;}
.btn-warning{background:var(--amber);color:#fff;border-color:var(--amber);}
.btn-warning:hover{background:#92400e;color:#fff;}
.btn-outline{background:transparent;border-color:var(--border-2);color:var(--ink-2);}
.btn-outline:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);}
.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-3);}
.btn-ghost:hover{background:var(--surface-3);color:var(--ink);}
.btn-sm{padding:6px 12px;font-size:.78rem;}
.btn-lg{padding:12px 26px;font-size:.95rem;}
.btn-full{width:100%;justify-content:center;}
.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;}

/* LAYOUT */
.layout{display:flex;min-height:100vh;}
.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,#071007 0%,#081208 100%);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:200;transition:transform var(--t);overflow-y:auto;overflow-x:hidden;}
.sidebar::-webkit-scrollbar{width:3px;}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px;}
.sidebar-brand{padding:20px 18px;border-bottom:1px solid rgba(75,181,67,.15);flex-shrink:0;}
.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;}
.brand-img{height:32px;width:32px;border-radius:7px;object-fit:contain;}
.brand-mark{width:32px;height:32px;background:#4BB543;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;color:#fff;flex-shrink:0;letter-spacing:-.3px;}
.brand-name{font-size:1rem;font-weight:700;letter-spacing:-.8px;color:#fff;}
.brand-name em{color:#4BB543;font-style:normal;}
.sidebar-user{padding:14px 18px;border-bottom:1px solid rgba(75,181,67,.15);display:flex;align-items:center;gap:10px;flex-shrink:0;}
.s-avatar{width:32px;height:32px;background:var(--brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff;flex-shrink:0;}
.s-name{font-size:.82rem;font-weight:600;color:#fff;line-height:1.3;}
.s-role{font-size:.65rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.7px;margin-top:1px;}
.sidebar-nav{padding:12px 10px;flex:1;}
.nav-group-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1.4px;color:rgba(75,181,67,.4);font-weight:600;padding:10px 10px 3px;}
.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);color:rgba(255,255,255,.65);text-decoration:none;font-size:.84rem;font-weight:500;transition:all var(--t);margin-bottom:1px;}
.nav-link:hover{background:rgba(75,181,67,.1);color:#86efac;}
.nav-link.active{background:rgba(75,181,67,.2);color:#4ade80;border-left:3px solid #4BB543;}
.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nav-label{flex:1;}
.nav-badge{background:var(--red);color:#fff;font-size:.6rem;padding:1px 6px;border-radius:10px;font-weight:700;}
.sidebar-footer{padding:12px 10px;border-top:1px solid rgba(75,181,67,.15);flex-shrink:0;}
.main-wrap{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh;}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:199;}
.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;height:58px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--sh);}
.topbar-left{display:flex;align-items:center;gap:12px;}
.topbar-title{font-size:.98rem;font-weight:700;color:var(--ink);}
.topbar-right{display:flex;align-items:center;gap:10px;}
.sidebar-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--ink-3);padding:4px;align-items:center;}
.topbar-notif{position:relative;background:var(--surface-3);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-3);transition:all var(--t);text-decoration:none;border:none;}
.topbar-notif:hover{background:var(--brand-soft);color:var(--brand);}
.notif-dot{position:absolute;top:-2px;right:-2px;background:var(--red);color:#fff;font-size:.58rem;padding:2px 5px;border-radius:8px;font-weight:700;min-width:16px;text-align:center;}
.topbar-avatar{width:34px;height:34px;background:var(--brand);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;cursor:pointer;text-decoration:none;transition:box-shadow var(--t);}
.topbar-avatar:hover{box-shadow:0 0 0 3px var(--brand-dim);}
.page-main{padding:24px;flex:1;}

/* PAGE HEADER */
.page-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap;}
.page-title{font-size:1.4rem;font-weight:700;letter-spacing:-.4px;}
.page-sub{font-size:.82rem;color:var(--ink-3);margin-top:2px;}
.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

/* CARDS */
.card{background:var(--surface);border-radius:var(--r);padding:20px;border:1px solid var(--border);box-shadow:var(--sh);margin-bottom:20px;}
.card-last{margin-bottom:0;}
.card-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--surface-3);}
.card-title{font-size:.9rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;}
.card-sub{font-size:.78rem;color:var(--ink-3);}

/* STATS */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;}
.stat-card{background:var(--surface);border-radius:var(--r);padding:16px 18px;border:1px solid var(--border);box-shadow:var(--sh);position:relative;overflow:hidden;transition:transform var(--t),box-shadow var(--t);}
.stat-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md);}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.sc-blue::before{background:var(--brand);}
.sc-green::before{background:var(--green);}
.sc-amber::before{background:var(--amber);}
.sc-red::before{background:var(--red);}
.sc-gray::before{background:var(--ink-4);}
.stat-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.si-blue{background:var(--brand-soft);color:var(--brand);}
.si-green{background:var(--green-soft);color:var(--green);}
.si-amber{background:var(--amber-soft);color:var(--amber);}
.si-red{background:var(--red-soft);color:var(--red);}
.si-gray{background:var(--surface-3);color:var(--ink-3);}
.stat-value{font-size:1.55rem;font-weight:700;font-family:'JetBrains Mono',monospace;color:var(--ink);line-height:1;margin-bottom:4px;}
.stat-label{font-size:.78rem;color:var(--ink-3);font-weight:500;}
.stat-trend{font-size:.72rem;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:3px;}
.st-up{color:var(--green);}
.st-down{color:var(--red);}
.st-gray{color:var(--ink-3);}

/* TABLES */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{width:100%;border-collapse:collapse;font-size:.86rem;}
th{text-align:left;padding:9px 14px;background:var(--surface-2);color:var(--ink-3);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--border);white-space:nowrap;}
td{padding:11px 14px;border-bottom:1px solid var(--surface-3);vertical-align:middle;}
tr:last-child td{border-bottom:none;}
tr:hover td{background:var(--surface-2);}
.td-mono{font-family:'JetBrains Mono',monospace;font-size:.82rem;}

/* BADGES */
.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;}
.badge-blue{background:var(--brand-soft);color:var(--brand-h);}
.badge-green{background:var(--green-soft);color:var(--green);}
.badge-red{background:var(--red-soft);color:var(--red);}
.badge-amber{background:var(--amber-soft);color:var(--amber);}
.badge-gray{background:var(--surface-3);color:var(--ink-3);}

/* ALERTS */
.alert{padding:11px 15px;border-radius:var(--r-sm);margin-bottom:16px;font-size:.875rem;display:flex;align-items:flex-start;gap:9px;border-left:3.5px solid;}
.alert-success{background:var(--green-soft);border-color:var(--green);color:#14532d;}
.alert-danger{background:var(--red-soft);border-color:var(--red);color:#7f1d1d;}
.alert-warning{background:var(--amber-soft);border-color:var(--amber);color:#78350f;}
.alert-info{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-h);}
.flash-msg{animation:fadeIn .25s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* PROGRESS */
.progress{height:7px;background:var(--surface-3);border-radius:4px;overflow:hidden;}
.progress-bar{height:100%;border-radius:4px;background:var(--brand);transition:width .5s ease;}
.pb-green{background:var(--green);}
.pb-red{background:var(--red);}
.pb-amber{background:var(--amber);}
.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-3);margin-bottom:5px;}

/* CAP BAR */
.cap-row{display:flex;align-items:center;gap:8px;}
.cap-bar{flex:1;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden;}
.cap-fill{height:100%;border-radius:3px;background:var(--green);}
.cap-fill.warn{background:var(--amber);}
.cap-fill.crit{background:var(--red);}
.cap-text{font-size:.75rem;color:var(--ink-3);white-space:nowrap;min-width:38px;text-align:right;}

/* MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:300;display:none;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal{background:var(--surface);border-radius:var(--r);padding:26px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--sh-lg);animation:modalIn .2s ease;}
@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:none}}
.modal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.modal-title{font-size:.98rem;font-weight:700;}
.modal-close{background:none;border:none;cursor:pointer;color:var(--ink-3);padding:3px;display:flex;border-radius:4px;transition:all var(--t);}
.modal-close:hover{background:var(--surface-3);color:var(--ink);}

/* TOGGLE */
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--surface-3);}
.toggle-row:last-child{border-bottom:none;}
.tg-label{font-size:.88rem;font-weight:600;}
.tg-desc{font-size:.75rem;color:var(--ink-3);margin-top:2px;}
.tgl{position:relative;width:42px;height:22px;flex-shrink:0;}
.tgl input{display:none;}
.tgl-slider{position:absolute;inset:0;background:var(--border-2);border-radius:11px;cursor:pointer;transition:background var(--t);}
.tgl-slider::before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--t);box-shadow:0 1px 3px rgba(0,0,0,.2);}
input:checked+.tgl-slider{background:var(--green);}
input:checked+.tgl-slider::before{transform:translateX(20px);}

/* UPLOAD */
.upload-zone{border:1.5px dashed var(--border-2);border-radius:var(--r-sm);padding:24px;text-align:center;cursor:pointer;transition:border-color .1s,background .1s;background:var(--surface-2);position:relative;}
.upload-zone:hover,.upload-zone.drag{border-color:var(--brand);background:var(--brand-soft);}
.upload-zone .uz-icon{color:var(--ink-4);margin:0 auto 8px;}
.upload-zone p{color:var(--ink-3);font-size:.84rem;}
.upload-zone strong{color:var(--brand);}

/* DOC GRID */
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;}
.doc-card{background:var(--surface-3);border-radius:var(--r-sm);padding:14px;text-align:center;border:1.5px solid var(--border);transition:all var(--t);cursor:pointer;}
.doc-card:hover{border-color:var(--brand);background:var(--brand-soft);}
.dc-icon{color:var(--ink-3);margin:0 auto 6px;}
.dc-name{font-size:.7rem;color:var(--ink-3);font-weight:500;word-break:break-word;}

/* LOAN HERO */
.loan-hero{background:linear-gradient(140deg,#071007 0%,#0d2010 60%,#071007 100%);border-radius:var(--r);padding:22px;margin-bottom:20px;color:#fff;position:relative;overflow:hidden;}
.loan-hero::after{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:rgba(96,165,250,.15);border-radius:50%;pointer-events:none;}
.lh-ref{font-size:.68rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;}
.lh-amount{font-size:2.1rem;font-weight:700;font-family:'JetBrains Mono',monospace;line-height:1;}
.lh-meta{font-size:.8rem;color:rgba(255,255,255,.5);margin-top:4px;}
.lh-bar{height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden;margin-top:16px;}
.lh-fill{height:100%;background:#4ade80;border-radius:3px;}
.lh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;}
.lh-item-label{font-size:.65rem;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:.7px;margin-bottom:2px;}
.lh-item-val{font-size:.88rem;font-weight:600;font-family:'JetBrains Mono',monospace;}

/* VIRTUAL ACCOUNT */
.va-box{background:var(--brand-soft);border:1.5px solid rgba(75,181,67,.2);border-radius:var(--r-sm);padding:15px;margin-bottom:14px;}
.va-bank{font-size:.68rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.7px;font-weight:600;margin-bottom:3px;}
.va-number{font-size:1.55rem;font-weight:700;font-family:'JetBrains Mono',monospace;color:var(--ink);letter-spacing:.12em;}
.va-name{font-size:.8rem;color:var(--ink-3);margin-top:2px;}

/* DETAIL LIST */
.dl{display:flex;flex-direction:column;}
.dl-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--surface-3);gap:16px;}
.dl-row:last-child{border-bottom:none;}
.dl-key{font-size:.8rem;color:var(--ink-3);font-weight:500;flex-shrink:0;}
.dl-val{font-size:.875rem;font-weight:600;text-align:right;color:var(--ink);}

/* TRACKING STEPS */
.track-wrap{display:flex;align-items:flex-start;gap:0;position:relative;margin:20px 0;}
.track-step{display:flex;flex-direction:column;align-items:center;flex:1;}
.track-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;}
.track-conn{flex:1;height:2px;margin-top:14px;}
.trd-done{background:var(--green);color:#fff;}
.trd-now{background:var(--brand);color:#fff;}
.trd-wait{background:var(--surface-3);border:2px solid var(--border-2);color:var(--ink-4);}
.trc-done{background:var(--green);}
.trc-wait{background:var(--border);}
.track-lbl{font-size:.62rem;font-weight:600;color:var(--ink-3);margin-top:6px;text-align:center;text-transform:uppercase;letter-spacing:.4px;line-height:1.3;}
.track-lbl.done{color:var(--green);}
.track-lbl.now{color:var(--brand);}

/* QA GRID */
.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;}
.qa-item{background:var(--surface-3);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:14px 10px;text-align:center;cursor:pointer;transition:all var(--t);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:7px;}
.qa-item:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);}
.qa-icon{color:var(--ink-3);transition:color var(--t);}
.qa-item:hover .qa-icon{color:var(--brand);}
.qa-label{font-size:.72rem;font-weight:600;}

/* FILTER ROW */
.filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px;}
.filter-row .form-control{flex:1;min-width:130px;margin-bottom:0;}

/* TABS */
.tabs{display:flex;gap:2px;border-bottom:1.5px solid var(--border);margin-bottom:18px;}
.tab-btn{padding:7px 14px;font-size:.82rem;font-weight:600;color:var(--ink-3);background:none;border:none;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;font-family:inherit;transition:all var(--t);white-space:nowrap;}
.tab-btn:hover{color:var(--ink);}
.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}

/* CALC RESULT */
.calc-result{background:var(--surface-3);border-radius:var(--r-sm);padding:12px;margin-top:10px;}
.cr-row{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0;border-bottom:1px solid var(--border);}
.cr-row:last-child{border-bottom:none;}
.cr-row strong{font-weight:700;}

/* GRID HELPERS */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.mb-0{margin-bottom:0!important;}
.mb-12{margin-bottom:12px;}
.mb-20{margin-bottom:20px;}
.text-muted{color:var(--ink-3);}
.text-faint{color:var(--ink-4);}
.text-sm{font-size:.82rem;}
.text-xs{font-size:.72rem;}
.text-green{color:var(--green);}
.text-red{color:var(--red);}
.text-brand{color:var(--brand);}
.text-amber{color:var(--amber);}
.font-mono{font-family:'JetBrains Mono',monospace;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.d-flex{display:flex;}
.align-mid{align-items:center;}
.gap-8{gap:8px;}
.gap-12{gap:12px;}
.flex-1{flex:1;}

/* MOBILE NAV */
.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1.5px solid var(--border);z-index:100;padding:4px 0 calc(4px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px rgba(0,0,0,.07);}

.mn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:6px 4px;color:var(--ink-4);text-decoration:none;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px;transition:color var(--t);min-width:0;}
.mn-item svg{width:22px;height:22px;flex-shrink:0;}
.mn-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.mn-item.active{color:var(--brand);}
.mn-item.active svg{filter:drop-shadow(0 0 4px rgba(75,181,67,.5));}
.mn-item:hover{color:var(--brand);}
.mn-item-logout{color:var(--red)!important;}
.mn-item-logout:hover{color:var(--red)!important;}

/* RESPONSIVE */
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:1fr 1fr}}
@media(max-width:960px){
  .sidebar{transform:translateX(-100%);}.sidebar.open{transform:translateX(0);box-shadow:8px 0 30px rgba(0,0,0,.25);}
  .sidebar-backdrop.open{display:block;}
  .main-wrap{margin-left:0;}
  .topbar{padding:0 16px;}
  .sidebar-toggle{display:flex;}
  .page-main{padding:16px;}
  .mobile-nav{display:flex;}
  .main-wrap{padding-bottom:64px;}
  .g2{grid-template-columns:1fr;}
  .g3{grid-template-columns:1fr;}
}
@media(max-width:600px){.stats-grid{grid-template-columns:1fr 1fr}.filter-row{flex-direction:column}.auth-card{padding:28px 22px}}
@media(max-width:400px){.stats-grid{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.mobile-nav{display:none!important}.main-wrap{margin-left:0}.page-main{padding:0}}

/* File upload — input fills zone, no JS click needed */
.upload-zone{position:relative;overflow:hidden;}
.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;font-size:0;}
.upload-zone .uz-body{pointer-events:none;position:relative;z-index:1;}
.upload-zone>p,.upload-zone>strong,.upload-zone>div:not(input){position:relative;z-index:1;pointer-events:none;}

/* Index page styles */
.landing-nav{position:fixed;top:0;left:0;right:0;z-index:999;padding:0 5%;height:70px;display:flex;align-items:center;justify-content:space-between;transition:all .3s;}
.landing-nav.scrolled{background:rgba(10,20,10,.95);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.3);}
.nav-logo{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-1px;}
.nav-logo em{color:#4BB543;font-style:normal;}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .2s;}
.nav-links a:hover{color:#4BB543;}
.nav-cta{background:#4BB543;color:#fff!important;padding:9px 22px;border-radius:6px;font-weight:700!important;}
.nav-cta:hover{background:#3a9435!important;}

.hero{min-height:100vh;background:linear-gradient(145deg,#060e06 0%,#0d1f0d 50%,#081508 100%);display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 5% 60px;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(75,181,67,.12) 0%,transparent 65%);pointer-events:none;}
.hero-eyebrow{display:inline-block;background:rgba(75,181,67,.15);border:1px solid rgba(75,181,67,.3);color:#4BB543;padding:6px 16px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px;}
.hero-title{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-2px;margin-bottom:20px;}
.hero-title span{color:#4BB543;}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto 36px;line-height:1.7;}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.hero-btn-primary{background:#4BB543;color:#fff;padding:14px 32px;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .2s;}
.hero-btn-primary:hover{background:#3a9435;transform:translateY(-2px);box-shadow:0 8px 24px rgba(75,181,67,.4);}
.hero-btn-outline{background:transparent;color:#fff;padding:14px 32px;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.3);transition:all .2s;}
.hero-btn-outline:hover{border-color:#4BB543;color:#4BB543;}
.hero-stats{display:flex;gap:48px;justify-content:center;margin-top:60px;flex-wrap:wrap;}
.hero-stat-val{font-size:2rem;font-weight:800;color:#4BB543;font-family:'JetBrains Mono',monospace;}
.hero-stat-lbl{font-size:.72rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;margin-top:3px;}

.section{padding:80px 5%;}
.section-dark{background:#071007;}
.section-light{background:#f8faf8;}
.section-white{background:#fff;}
.container{max-width:1100px;margin:0 auto;}
.section-tag{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#4BB543;margin-bottom:12px;}
.section-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-1px;margin-bottom:16px;}
.section-sub{font-size:1rem;color:#64748b;max-width:540px;line-height:1.7;margin-bottom:48px;}

.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.feature-card{background:#fff;border-radius:12px;padding:28px;border:1.5px solid #e8f5e8;transition:all .25s;}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(75,181,67,.12);border-color:#4BB543;}
.feature-icon{width:48px;height:48px;background:#f0faf0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4BB543;margin-bottom:16px;}
.feature-title{font-size:1rem;font-weight:700;margin-bottom:8px;}
.feature-desc{font-size:.875rem;color:#64748b;line-height:1.6;}

.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
.steps-grid::before{content:'';position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#4BB543,#4BB543);opacity:.2;}
.step-item{text-align:center;padding:0 16px;}
.step-num{width:56px;height:56px;background:#4BB543;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;margin:0 auto 16px;}
.step-title{font-weight:700;margin-bottom:6px;font-size:.95rem;}
.step-desc{font-size:.82rem;color:#64748b;line-height:1.6;}

.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.testi-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e8f5e8;}
.testi-stars{color:#4BB543;font-size:1rem;margin-bottom:12px;}
.testi-text{font-size:.88rem;color:#334155;line-height:1.7;margin-bottom:16px;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:10px;}
.testi-avatar{width:36px;height:36px;border-radius:50%;background:#4BB543;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.82rem;}
.testi-name{font-weight:700;font-size:.85rem;}
.testi-loc{font-size:.72rem;color:#64748b;}

.cta-section{background:linear-gradient(135deg,#4BB543 0%,#2d7a27 100%);padding:80px 5%;text-align:center;}
.cta-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:#fff;margin-bottom:14px;}
.cta-sub{color:rgba(255,255,255,.8);font-size:1rem;margin-bottom:32px;}
.cta-btn{display:inline-block;background:#fff;color:#4BB543;padding:14px 36px;border-radius:8px;font-weight:800;font-size:1rem;text-decoration:none;transition:all .2s;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15);}

.landing-footer{background:#060e06;padding:60px 5% 24px;color:rgba(255,255,255,.6);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;}
.footer-brand{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:14px;}
.footer-brand em{color:#4BB543;font-style:normal;}
.footer-desc{font-size:.85rem;line-height:1.7;max-width:260px;}
.footer-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:16px;}
.footer-links{display:flex;flex-direction:column;gap:8px;}
.footer-links a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.85rem;transition:color .2s;}
.footer-links a:hover{color:#4BB543;}
.footer-social{display:flex;gap:10px;margin-top:16px;}
.footer-social a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);text-decoration:none;transition:all .2s;font-size:.78rem;}
.footer-social a:hover{border-color:#4BB543;color:#4BB543;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;flex-wrap:wrap;gap:10px;}

/* Editor CMS panel */
.cms-bar{background:#4BB543;color:#fff;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;position:fixed;bottom:0;left:0;right:0;z-index:888;}
.cms-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 14px;border-radius:4px;cursor:pointer;font-size:.78rem;font-weight:700;text-decoration:none;}
.cms-btn:hover{background:rgba(255,255,255,.3);}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes floatBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.animate-fade-up{animation:fadeUp .7s ease both;}
.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}

@media(max-width:960px){
  .features-grid{grid-template-columns:1fr 1fr;}
  .steps-grid{grid-template-columns:1fr 1fr;}
  .steps-grid::before{display:none;}
  .testimonials-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .nav-links{display:none;}
}
@media(max-width:600px){
  .features-grid{grid-template-columns:1fr;}
  .steps-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .hero-stats{gap:24px;}
}

/* ── MOBILE RESPONSIVE ──────────────────────────────────────── */

/* Prevent any horizontal overflow globally */
html,body{max-width:100%;overflow-x:hidden;}
*{min-width:0;}  /* allow flex/grid children to shrink below content size */

/* Smooth touch scrolling */
.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;}
.page-main{-webkit-overflow-scrolling:touch;}

/* Hide on mobile */
@media(max-width:600px){.hide-mobile{display:none!important}}

/* Touch-friendly tap targets */
@media(max-width:960px){
  .btn{min-height:42px;}
  .nav-link{padding:9px 10px;}
  .topbar{padding:0 14px;}
  .mobile-nav{display:flex!important;}
  .page-main{padding:14px;padding-bottom:80px;}
  .sidebar-backdrop.open{display:block;}
}

/* Tablet */
@media(max-width:960px){
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .page-hdr{flex-wrap:wrap;gap:10px;}
  .page-actions{width:100%;}
  .page-actions .btn{width:100%;justify-content:center;}
  .filter-row{flex-wrap:wrap;}
}

/* Mobile */
@media(max-width:600px){
  .page-main{padding:12px;padding-bottom:80px;}
  .card{padding:14px;margin-bottom:14px;}
  .card-last{margin-bottom:0;}
  .stat-card{padding:12px;}
  .stat-value{font-size:1.15rem;}
  .stat-trend{font-size:.65rem;}
  .stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
  .page-hdr{margin-bottom:12px;}
  .page-title{font-size:1.05rem;}
  .page-sub{font-size:.75rem;}
  .btn-lg{padding:12px 18px;font-size:.9rem;}
  .dl-row{padding:7px 0;flex-wrap:wrap;gap:4px;}
  .dl-key{min-width:0;flex:0 0 45%;}
  .dl-val{text-align:left!important;flex:0 0 55%;}
  table{font-size:.78rem;}
  th,td{padding:7px 8px;}
  .modal{padding:18px;margin:12px;width:calc(100% - 24px);max-width:100%;}
  .topbar-title{font-size:.88rem;}
  .g2{grid-template-columns:1fr;}
  .g3{grid-template-columns:1fr;}
  .g4{grid-template-columns:1fr 1fr;}
  .filter-row{flex-direction:column;}
  .filter-row .form-control,.filter-row .btn{width:100%;}
  .tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}
  .tab-btn{font-size:.78rem;padding:6px 10px;}
  .loan-hero{padding:16px;}
  .lh-grid{grid-template-columns:repeat(3,1fr);gap:8px;}
  .lh-amount{font-size:1.6rem;}
  .va-number{font-size:1.3rem;letter-spacing:2px;}
  .auth-card{padding:24px 18px;}
  .auth-brand{font-size:1.6rem;}
  .page-hdr{margin-bottom:12px;}
  .topbar{height:52px;}
  .brand-name{font-size:.9rem;}
}

/* Small mobile */
@media(max-width:380px){
  .stats-grid{grid-template-columns:1fr;}
  .g4{grid-template-columns:1fr;}
  .s-info{display:none;}
  .mn-item{font-size:.55rem;}
  .va-number{font-size:1.1rem;letter-spacing:1px;}
}
.btn-xs{padding:3px 8px;font-size:.72rem;min-height:auto!important;line-height:1.4;}

@keyframes spin{to{transform:rotate(360deg)}}

/* ══════════════════════════════════════════════════════════════
   MOBILE APP EXPERIENCE — COMPREHENSIVE UPGRADE
   ══════════════════════════════════════════════════════════════ */

/* Smooth scrolling & momentum everywhere */
* { -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ── Topbar mobile ─────────────────────────────────────────── */
@media(max-width:960px){
  .topbar { height: 56px; box-shadow: 0 1px 0 var(--border); }
  .topbar-title { font-size: .95rem; font-weight: 700; }
  .brand-mark { width: 28px; height: 28px; font-size: .72rem; }
  .brand-name { font-size: .88rem; }
}

/* ── Mobile nav — app tab bar feel ────────────────────────────*/
.mobile-nav {
  padding: 0 0 env(safe-area-inset-bottom);
  height: calc(60px + env(safe-area-inset-bottom));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255,255,255,.92);
  border-top: 1px solid var(--border);
}
.mn-item {
  padding: 8px 2px 6px;
  font-size: .58rem;
  letter-spacing: .3px;
  gap: 3px;
  position: relative;
  transition: transform .15s, color .15s;
}
.mn-item:active { transform: scale(.9); }
.mn-item.active::before {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 32px; height: 3px;
  background: var(--brand);
  border-radius: 0 0 3px 3px;
}
.mn-item svg { width: 24px; height: 24px; }
.main-wrap { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }

/* ── Cards — mobile feel ───────────────────────────────────── */
@media(max-width:600px){
  .card {
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
  }
  /* Hero cards on dashboard */
  .stat-card {
    border-radius: 14px;
    padding: 14px;
  }
  .stat-value { font-size: 1.5rem; font-weight: 800; }
  .stat-label { font-size: .72rem; }
}

/* ── Buttons — mobile touch targets ───────────────────────────*/
@media(max-width:600px){
  .btn { min-height: 44px; border-radius: 10px; font-size: .88rem; }
  .btn-full { border-radius: 12px; font-size: .95rem; min-height: 48px; }
  .btn-lg { min-height: 52px; font-size: 1rem; border-radius: 12px; }
  .btn-sm { min-height: 34px; font-size: .78rem; }
}

/* ── Forms — mobile friendly ───────────────────────────────── */
@media(max-width:600px){
  .form-control {
    min-height: 46px;
    border-radius: 10px;
    font-size: 16px; /* prevents iOS zoom */
    padding: 11px 13px;
  }
  select.form-control { font-size: 16px; }
  textarea.form-control { min-height: 80px; font-size: 16px; }
  .form-label { font-size: .82rem; font-weight: 600; margin-bottom: 6px; }
  .form-group { margin-bottom: 16px; }
}

/* ── Tables — mobile scroll ─────────────────────────────────  */
@media(max-width:600px){
  .table-wrap { border-radius: 10px; overflow: hidden; }
  table { font-size: .78rem; }
  th { font-size: .68rem; padding: 8px 10px; }
  td { padding: 10px; }
}

/* ── Page header — mobile ──────────────────────────────────── */
@media(max-width:600px){
  .page-hdr {
    padding: 4px 0 12px;
    margin-bottom: 14px;
  }
  .page-title { font-size: 1.15rem; font-weight: 800; }
  .page-sub { font-size: .75rem; margin-top: 2px; }
  .page-actions { margin-top: 4px; }
}

/* ── Modals — slide up on mobile ───────────────────────────── */
@media(max-width:600px){
  .modal-overlay {
    align-items: flex-end;
    padding: 0;
  }
  .modal {
    border-radius: 20px 20px 0 0;
    padding: 24px 20px calc(24px + env(safe-area-inset-bottom));
    width: 100%;
    max-width: 100%;
    margin: 0;
    max-height: 90vh;
    overflow-y: auto;
  }
  .modal-hdr { margin-bottom: 20px; }
}

/* ── Auth pages — mobile polish ─────────────────────────────  */
@media(max-width:480px){
  .auth-card {
    padding: 28px 20px;
    border-radius: 20px 20px 0 0;
    margin: auto 0 0;
    width: 100%;
    box-shadow: 0 -4px 40px rgba(0,0,0,.15);
  }
  .auth-wrap {
    align-items: flex-end;
    padding: 0;
  }
  .auth-heading { font-size: 1.3rem; }
}

/* ── Loan hero card — mobile ───────────────────────────────── */
@media(max-width:600px){
  .loan-hero { border-radius: 16px; padding: 18px; }
  .lh-amount { font-size: 1.8rem; }
  .lh-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .lh-item { padding: 10px; border-radius: 10px; }
  .va-box { border-radius: 12px; padding: 14px; }
  .va-number { font-size: 1.4rem; letter-spacing: .1em; }
}

/* ── DL rows — better mobile spacing ───────────────────────── */
@media(max-width:500px){
  .dl-row {
    flex-direction: column;
    gap: 2px;
    padding: 9px 0;
  }
  .dl-key {
    flex: none;
    font-size: .72rem;
    color: var(--ink-3);
  }
  .dl-val {
    flex: none;
    font-size: .9rem;
    font-weight: 600;
  }
}

/* ── Stats grid — always 2 col on small screens ────────────── */
@media(max-width:480px){
  .stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

/* ── Tabs — horizontal scroll on mobile ─────────────────────  */
.tabs {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabs::-webkit-scrollbar { display: none; }
@media(max-width:600px){
  .tab-btn { font-size: .75rem; padding: 8px 14px; white-space: nowrap; }
}

/* ── Progress bars — mobile ─────────────────────────────────  */
.progress { height: 8px; border-radius: 4px; overflow: hidden; }
.progress-bar { border-radius: 4px; transition: width .5s ease; }

/* ── Upload zone — mobile ───────────────────────────────────  */
@media(max-width:600px){
  .upload-zone .uz-body { padding: 20px 12px; }
  .upload-zone .uz-body svg { display: none; }
}

/* ── Filter row — mobile ─────────────────────────────────────*/
@media(max-width:600px){
  .filter-row {
    flex-direction: column;
    gap: 8px;
  }
  .filter-row .form-control,
  .filter-row select,
  .filter-row .btn { width: 100% !important; }
}

/* ── Badges — slightly larger on mobile ────────────────────── */
@media(max-width:600px){
  .badge { font-size: .68rem; padding: 4px 9px; }
}

/* ── Scrollbar styling (desktop) ────────────────────────────  */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--surface-2); }
::-webkit-scrollbar-thumb { background: var(--border-2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-4); }

/* ── Active states for touch ─────────────────────────────────*/
.btn:active { transform: scale(.97); }
.card:active { /* no transform on cards - too jumpy */ }

/* ── Page transitions ───────────────────────────────────────  */
.page-main { animation: pgIn .2s ease; }
@keyframes pgIn { from { opacity: .7; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* ── Empty states ────────────────────────────────────────────*/
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: var(--ink-4);
}
.empty-state svg { margin-bottom: 16px; opacity: .5; }
.empty-state .es-title { font-size: 1rem; font-weight: 700; color: var(--ink-2); margin-bottom: 6px; }
.empty-state .es-sub { font-size: .85rem; line-height: 1.6; }