@font-face{font-family:interface;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#08100f;color:#edf5f0;font-family:interface,Tahoma,Arial,sans-serif;line-height:1.65}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #2c423b;border-radius:12px;padding:11px 18px;background:#15231e;color:#edf5f0}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #afe7ba;outline-offset:4px}header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(5vw,20px);border-bottom:1px solid #24342d;background:#0d1713}.brand{color:#e6efca;text-decoration:none;letter-spacing:5px;font-size:20px;direction:ltr;line-height:1.5}.brand span{display:block;font-size:11px;letter-spacing:0;color:#8d9f93;text-align:right}.header-actions{display:flex;align-items:center;gap:12px}.badge{border:1px solid #354638;border-radius:99px;padding:5px 13px;font-size:12px;color:#bfccad}.quiet{background:transparent;font-size:13px}#notice:empty{display:none}#notice{background:#2e2a13;color:#edda9a;text-align:center;font-size:13px;padding:10px 18px}nav{padding:18px max(5vw,20px);display:flex;gap:8px;border-bottom:1px solid #203128}nav button{background:transparent;border-color:transparent;color:#8d9f93}nav button.active{background:#d4e6ae;color:#172616;border-color:#d4e6ae}main{max-width:1240px;margin:0 auto;padding:38px 36px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font-size:38px;font-weight:500;line-height:1.5;letter-spacing:-1px;margin:8px 0}h2{font-size:22px;font-weight:500;margin:0 0 16px}h3{font-size:17px;margin:0 0 8px}.eyebrow{font-size:12px;color:#b1c794}.connection{background:#15221c;border:1px solid #304435;border-radius:14px;padding:12px 18px;color:#bac8b8;font-size:13px}.mobile{display:none}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.panel{border:1px solid #2a3a30;border-radius:20px;padding:28px;background:#111d17;min-width:0}.hero{background:radial-gradient(ellipse at 0% 100%,#364c2b,transparent 70%),#18291c;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #afc27a30;border-radius:50%;left:-75px;top:-100px}.muted{color:#91a293;font-size:13px}.big{font-size:46px;direction:ltr;text-align:right;line-height:1.3;font-weight:500;margin:15px 0}.amount{direction:ltr;display:inline-block;font-variant-numeric:tabular-nums}.positive{color:#b9e6ad}.gold{color:#e8ce8f}.facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #34472f;margin-top:20px;padding-top:22px}.facts strong{display:block;font-size:23px;font-weight:500}.primary{background:#d5e8af;color:#142312;border-color:#d5e8af;font-weight:600}.wide{width:100%;margin-top:20px}.label{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;background:#253326;color:#b5c8b4}.label.due{background:#403521;color:#ead195}.label.paid{background:#183c2e;color:#97d8b2}.stack{display:grid;gap:20px}.note{font-size:13px;color:#a7b9a6;margin:18px 0 0}.row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.row:last-child{margin-bottom:0}.line{height:1px;background:#2a3a30;margin:20px 0}.invoice{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0;border-bottom:1px solid #283b2e}.invoice:last-child{border-bottom:0}.invoice small{display:block;color:#8da18f;font-size:12px;overflow-wrap:anywhere}.invoice strong{font-weight:500}.invoice .side{text-align:left}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.step{border:1px solid #29392d;border-radius:16px;padding:20px;color:#9bad9b;font-size:13px}.step b{display:block;color:#e0e9d7;font-weight:500;margin-bottom:8px}.number{color:#acbd82;font-size:12px;display:block;margin-bottom:9px}.profile{padding:24px;border:1px solid #344735;border-radius:18px;background:#111d17}.profile.selected{border-color:#b5ce85;background:#1e2d1e}.profile p{font-size:14px;color:#a8b6a2;margin:10px 0}.profile button{margin-top:15px;width:100%}.empty{text-align:center;padding:40px 20px;color:#91a293}label{display:block;font-size:13px;color:#bdc9b4;margin-bottom:18px}input,select{width:100%;display:block;background:#0b1610;color:#edf5f0;border:1px solid #354334;border-radius:11px;padding:12px;margin-top:8px;min-width:0}input[type=password],#username{direction:ltr;text-align:left}form{margin-top:24px}.login{max-width:440px;padding:70px 24px;margin:0 auto}.login h1{font-size:46px}.login em{font-style:normal;color:#cbdfa5}.login p,.login small{color:#92a88f}.login form .primary{width:100%}.login small{display:block;text-align:center;margin-top:24px;font-size:12px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}footer{font-size:12px;color:#72876f;margin:34px 0 10px;text-align:center}dialog{max-width:min(460px,90vw);background:#14231b;color:#edf5f0;border:1px solid #4f694a;border-radius:20px;padding:28px}dialog::backdrop{background:#000b}dialog p{color:#acbda7}dialog button{width:100%}[hidden]{display:none!important}@media(max-width:700px){header{height:78px;padding:0 18px}.brand{font-size:16px;letter-spacing:3px}.badge{font-size:10px;padding:4px 9px}.header-actions{gap:6px}.quiet{padding:7px 10px}nav{padding:12px;gap:2px;justify-content:space-between;position:sticky;top:0;background:#0b1613f5;z-index:4}nav button{font-size:12px;padding:10px 9px;flex:1;white-space:nowrap}main{padding:25px 18px}.heading{display:block;margin-bottom:22px}h1{font-size:29px;line-height:1.5}.mobile{display:block}.connection{display:inline-block;margin-top:10px;padding:7px 12px;font-size:12px}.grid{grid-template-columns:1fr;gap:16px}.panel{padding:22px;border-radius:17px}.big{font-size:40px}.facts{gap:10px}.facts strong{font-size:21px}.steps{grid-template-columns:1fr;gap:10px}.step{padding:16px}.number{float:left}.admin-grid{grid-template-columns:1fr}.login{padding-top:48px}.row{gap:12px}.invoice{font-size:14px}footer{line-height:1.8}}

.spaced{margin-top:24px}
