/* Latch — a warmer workspace for Bitcoin credit. */
:root{--ink:#25273a;--muted:#717587;--line:#e7e7ed;--accent:#5355d9;--soft:#f4f4f8}
body{background:#f6f6f9;font-size:14px;-webkit-font-smoothing:antialiased}
aside{width:232px;background:#fbfaf7;padding:36px 20px;border-color:#e8e7e4}
.logo{font-size:34px;letter-spacing:-2px;margin:0 13px 48px}.logo>span{color:#5557d8}
.workspace{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#8a8995;padding-bottom:20px}
nav{gap:9px}nav button{padding:15px;border-radius:12px;color:#777887;transition:background .2s,transform .2s}nav button:hover{background:#f0efef;transform:translateX(2px)}nav button.active{background:#eae8fa;color:#4845a3;box-shadow:inset 3px 0 #7772dd}nav button span{font-size:13px}
.profile{border-color:#e8e5df}.profile>span{background:#e8e3f2;color:#655487}.profile small{line-height:1.6}.network{font-size:12px}.network i{box-shadow:0 0 0 4px #e7eee8}
.shell{margin-left:232px}header{height:83px;padding:0 42px;background:#f6f6f9;border:0;color:#7b7d8d}#wallet{border-radius:24px;background:#fff;padding:11px 18px;box-shadow:0 2px 6px #28234b04}header>div{gap:24px}
main{max-width:1450px;padding:24px 42px 0}.page-heading{margin-bottom:28px}h1{font-size:34px;letter-spacing:-1.3px;font-weight:550;margin-bottom:10px}.page-heading p{font-size:13px;color:#767888}
.button{border-radius:10px;padding:11px 16px;transition:transform .18s,box-shadow .18s,background .18s;font-size:12px}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #36315c0a}.button.primary{background:#5556d8;border-color:#5556d8;box-shadow:0 5px 13px #5556d824}.button.primary:hover{background:#4445bd}#new-loan{padding:13px 18px}
#sync-state{font-size:11px;margin:-6px 0 24px;display:flex;align-items:center;gap:7px}#sync-state::before{content:'';width:5px;height:5px;border-radius:50%;background:#7c82a0}
.metrics{grid-template-columns:1.35fr 1fr 1fr;padding:0;border:0;gap:18px;margin-bottom:38px}.metrics>div,.metrics>div:first-child,.metrics>div:last-child{min-height:190px;border:1px solid #e8e8ee;padding:25px 26px;border-radius:20px;background:#fff;position:relative;overflow:hidden;box-shadow:0 4px 18px #25204803}.metrics label{font-size:12px;color:#737588}.metrics strong{font-size:35px;letter-spacing:-1.4px;margin:25px 0 15px;position:relative;z-index:1}.metrics strong small{font-size:12px;color:#777990}.metrics>div>span{font-size:11px;color:#737588;position:relative;z-index:1}
.metrics>div:first-child{background:linear-gradient(125deg,#292f68,#454795);border-color:#3f4387;color:white;box-shadow:0 8px 22px #3137731b}.metrics>div:first-child label,.metrics>div:first-child>span,.metrics>div:first-child strong small{color:#d6d7ef}.metrics>div:first-child::before,.metrics>div:first-child::after{content:'';position:absolute;border:1px solid #aaaaff32;border-radius:50%;width:205px;height:205px;right:-90px;top:-55px;transform:rotate(-30deg);box-shadow:0 0 0 23px #aaaaff0c,0 0 0 46px #aaaaff08,0 0 0 69px #aaaaff06}.metrics>div:first-child::after{width:75px;height:75px;top:80px;right:-28px;background:#a5abff0d;box-shadow:none}
.metrics>div:nth-child(2)::after{content:'↗';position:absolute;right:23px;top:19px;font-size:22px;color:#a8a2cf}.metrics>div:nth-child(3){background:#eeedf6;border-color:#e7e5f0}#next-due{font-size:27px;line-height:1.5}
h2{font-size:15px;font-weight:550;letter-spacing:-.2px}.section-heading{margin-bottom:18px}h2>span{background:#e8e7f1;color:#6b668c;border-radius:6px;padding:4px 7px}
.tabs{background:#eaeaf0;border:1px solid #e4e4ec;padding:4px;border-radius:10px;gap:2px}.tabs button{border-radius:7px;padding:7px 12px;font-size:11px}.tabs button.selected{background:#fff;color:#44445e;box-shadow:0 2px 4px #28243d0a}
.table-wrap{background:white;border:1px solid #e5e5ec;border-radius:16px;box-shadow:0 3px 12px #29234403}th{background:#fafafd;color:#7e8091;padding:16px 22px;font-size:11px}td{padding:24px 22px;font-size:12px}tbody tr{transition:background .18s}tbody tr:hover{background:#fcfbff}td b{font-weight:550}td small{font-size:11px;color:#828294}.btc{width:40px;height:40px;background:#fcf1db;border:1px solid #f1e3c4;color:#b48c3d;font-size:23px;box-shadow:inset 0 0 0 4px #fff9ec}.position-name{gap:13px}.status{border-radius:7px;padding:6px 10px;background:#eaf4ee;color:#42725a;border:0;font-size:11px}.status.pledged{background:#eeecfc;color:#665aaa;border:0}
.position-tools{margin:18px 2px 28px;flex-wrap:wrap}.text-button{font-size:12px;color:#6260a1}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.lower-grid{grid-template-columns:1.6fr 1fr;margin-top:24px;gap:20px}.schedule{background:#fff;border:1px solid #e7e7ee;border-radius:16px;padding:25px;min-height:184px}.schedule>.muted{font-size:12px;margin-top:25px;max-width:250px;line-height:1.8}.schedule .details{margin-bottom:0}.note{background:#eeeaf3;border:1px solid #e8e3ed;border-radius:16px;padding:25px 27px;position:relative;overflow:hidden}.note-icon{font-size:28px;margin:0 0 15px;color:#7d6d9e}.note h2{font-size:16px}.note p{font-size:12px;color:#777185;max-width:280px}.note::after{content:'';position:absolute;right:-35px;top:-40px;width:130px;height:130px;border:22px solid #dcd3e746;border-radius:50%;pointer-events:none}.note .text-button{position:relative;z-index:1}
.activity-heading{margin-top:32px}.recent{padding:6px 20px;background:#fff;border:1px solid #e7e7ee;border-radius:14px;min-height:64px;display:block}.recent:empty{padding:24px}.event{padding:19px 0;gap:16px;align-items:center}.event:last-child{border:0}.event b{color:#545467;font-size:12px}.event a{font-size:12px;color:#6562aa}.event>span{font-variant-numeric:tabular-nums}.loan{background:#fff;border-radius:15px;padding:23px;border-color:#e4e4ed}.loan strong{font-size:23px;letter-spacing:-.5px}.loan p{font-size:12px}.empty{padding:55px 24px;font-size:12px;line-height:1.8;border-radius:14px;background:#fff}td.empty{border-radius:0}
footer{border-color:#e4e4ec;margin-top:32px;font-size:10px;padding:22px 0;color:#858392}
dialog{width:475px;background:#fcfcfe;border-left:0;box-shadow:-20px 0 90px #27234324}.drawer-header{height:82px;padding:0 30px;background:#f6f5fa;font-size:10px;letter-spacing:1.5px}.drawer-header button{border-radius:50%;width:32px;height:32px;background:#ebe9f3;font-size:22px}#drawer-content{padding:30px}#drawer-content h2{font-size:28px;letter-spacing:-1px}.details{margin:26px 0}.details>div{padding:15px 0;font-size:12px}.details span{color:#7a7b8e}.details b{font-weight:500}dialog::backdrop{background:#24253b48;backdrop-filter:blur(3px)}input[type=number],select{border-radius:12px;padding:15px;background:white;border-color:#dedde9}.field{font-size:12px;color:#66667e}.warning{background:#f0eef7;border-color:#aaa3cf;border-radius:0 10px 10px 0;color:#666179!important}.wide{padding:15px}.error{line-height:1.6}#toast{background:#30344e;box-shadow:0 8px 30px #20244322;border:1px solid #53576d;border-radius:12px;padding:15px 22px;z-index:50;max-width:calc(100vw - 32px)}
.view.active{animation:arrive .28s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{padding-top:35px}.metrics>div{min-height:210px}}
@media(max-width:1150px){aside{width:190px;padding:30px 14px}.shell{margin-left:190px}main{padding:24px}.metrics{gap:12px}.metrics>div,.metrics>div:first-child,.metrics>div:last-child{padding:22px 18px}.metrics strong{font-size:28px}#next-due{font-size:22px}header{padding:0 24px}.lower-grid{grid-template-columns:1.4fr 1fr}.note{display:block;padding:23px}td,th{padding:18px 16px}}
@media(max-width:800px){.metrics{grid-template-columns:1fr 1fr}.metrics>div:first-child{grid-column:1/-1;min-height:170px}.metrics>div{min-height:160px}.lower-grid{grid-template-columns:1fr}.note{display:block}.metrics strong{margin-top:20px}}
@media(max-width:700px){aside{position:static;width:100%;padding:18px 20px 12px;border-bottom:1px solid #e8e7ed}.shell{margin:0}.logo{margin:0 0 18px;font-size:29px}nav button{padding:11px 8px}nav button.active{box-shadow:none}header{height:65px;padding:0 20px;font-size:10px}header>div{gap:12px}#wallet{padding:9px 12px;font-size:11px}main{padding:22px 18px 0}h1{font-size:28px}.page-heading p{font-size:12px;max-width:190px}.page-heading{gap:12px}#new-loan{padding:12px;font-size:11px}.metrics>div,.metrics>div:first-child,.metrics>div:last-child{padding:21px;border-radius:16px}.metrics label{font-size:11px}.metrics>div>span{font-size:10px}.metrics strong{font-size:28px}.section-heading h2{font-size:14px}.tabs button{padding:6px 8px}.position-tools{gap:18px}#drawer-content{padding:25px}#breadcrumb{max-width:110px}.event{flex-wrap:wrap}.schedule .muted{display:block}footer{margin-top:25px}.recent{padding:8px 16px}}
.btc{font-size:0}.btc::after{content:'';width:23px;height:23px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b48c3d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5h7a3.5 3.5 0 0 1 0 7H7m0 0h8a3.5 3.5 0 0 1 0 7H7M9 5v14M11 2v3m4-3v3M11 19v3m4-3v3'/%3E%3C/svg%3E")}
#new-loan span{font-size:0}#new-loan span::after{content:'+';font-size:18px;line-height:12px}
@media(max-width:600px){nav button span{white-space:nowrap;font-size:11px}#positions .table-wrap{overflow:hidden}#positions table,#positions tbody{display:block}#positions thead{display:none}#positions tr{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:18px}#positions td{display:block;padding:0;border:0;white-space:normal}#positions td:first-child,#positions td:last-child{grid-column:1/-1}#positions td:last-child .button{width:100%}#positions td:nth-child(2)::before{content:'Collateral';display:block;color:#77798c;font-size:10px;margin-bottom:7px}#positions td:nth-child(3)::before{content:'Unlock date';display:block;color:#77798c;font-size:10px;margin-bottom:7px}#positions td.empty{grid-column:1/-1;padding:20px}#positions tr+tr{border-top:1px solid var(--line)}.metrics>div:nth-child(2)::after{display:none}.metrics label{line-height:1.5;min-height:32px}.metrics>div:first-child label{min-height:0}}
.is-syncing .metrics strong{opacity:.4}.is-syncing #sync-state::before{background:#6e68ce;animation:sync-pulse 1s ease-in-out infinite}@keyframes sync-pulse{50%{box-shadow:0 0 0 4px #7772dd22}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Loan actions stay compact; help text explains decisions at the point of use. */
.market-intro{color:#65697b;font-size:13px;max-width:640px;margin:0 0 26px;line-height:1.7}
.field-help{font-size:12px!important;line-height:1.7;color:#65697b!important;margin:10px 0 16px}
.quote-preview{padding:16px 18px;margin-top:18px;background:#efedf9;border:1px solid #dfdcf0;border-radius:12px;font-size:13px;line-height:1.7;font-variant-numeric:tabular-nums;color:#464277}
.loan-tools{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
#loan-share-url{width:100%;font:inherit;padding:12px;border:1px solid #dcdbe8;border-radius:10px;color:var(--ink);background:white}
.reward-row>div{min-width:0;overflow-wrap:anywhere}.reward-row small{display:block;margin-top:6px;color:#666b7d;font-size:11px}.reward-row .button{flex:none}
#schedule-reminder{margin-top:20px}#drawer-content .details b{font-variant-numeric:tabular-nums}
@media(max-width:600px){#market table,#market tbody{display:block}#market thead{display:none}#market tr{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}#market td{display:block;padding:0;border:0;white-space:normal}#market td:first-child,#market td:last-child,#market td.empty{grid-column:1/-1}#market td:last-child .button{width:100%}#market td:nth-child(2)::before{content:'Requested';display:block;color:#6d7083;font-size:11px;margin-bottom:7px}#market td:nth-child(3)::before{content:'Term';display:block;color:#6d7083;font-size:11px;margin-bottom:7px}#market td:nth-child(4)::before{content:'Fixed interest';display:block;color:#6d7083;font-size:11px;margin-bottom:7px}#market tr+tr{border-top:1px solid var(--line)}#drawer-content .details>div{font-size:12px}.market-intro{font-size:12px}}