@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;background:var(--bg);color:var(--text);--gold:#d8ad55;--bg:#090909;--panel:#121212;--panel2:#191919;--text:#f5f3ef;--muted:#96938d;--line:#292929;--green:#67c69a;--red:#e18c84;display:flex}.app.light{--bg:#f6f5f2;--panel:#fff;--panel2:#f0eee9;--text:#191817;--muted:#77736c;--line:#e7e3dc}.sidebar{width:252px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);padding:25px 16px 16px;display:flex;flex-direction:column;min-height:100vh}.brand{font:800 25px Manrope,sans-serif;letter-spacing:-1.5px;padding:0 12px 27px}.brand span{font-weight:500}.brand i{color:var(--gold);font-style:normal}.brand small{font:700 9px DM Sans;letter-spacing:2px;color:var(--gold);margin-left:9px}.shop-chip{display:flex;align-items:center;gap:10px;background:var(--panel2);padding:11px;border-radius:12px;margin-bottom:26px}.shop-avatar,.user-avatar{width:34px;height:34px;border-radius:10px;background:var(--gold);color:#17130b;display:grid;place-items:center;font-weight:800}.shop-chip div:nth-child(2){flex:1;min-width:0}.shop-chip b,.shop-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-chip b{font-size:12px}.shop-chip small{font-size:10px;color:var(--muted);margin-top:3px}.shop-chip>svg{color:var(--muted)}.nav-title{font-size:9px;letter-spacing:1.7px;color:var(--muted);padding:0 12px 10px}.nav-item{width:100%;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;border-radius:9px;font:500 12px DM Sans;cursor:pointer;margin:2px 0}.nav-item:hover,.nav-item.active{background:var(--panel2);color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 var(--gold)}.nav-item.active svg{color:var(--gold)}.sidebar-bottom{margin-top:auto}.security{border-top:1px solid var(--line);padding:18px 8px;display:flex;gap:10px;color:var(--gold)}.security b,.security small{display:block}.security b{font-size:11px;color:var(--text)}.security small{font-size:10px;color:var(--muted);margin-top:4px}.main{min-width:0;flex:1}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:18px}.crumb{font-size:10px;letter-spacing:1px;color:var(--muted);flex:1}.crumb b{display:block;color:var(--text);font-size:14px;letter-spacing:0;margin-top:4px}.header-actions{display:flex;align-items:center;gap:13px}.preview,.pill{font-size:9px;letter-spacing:1px;color:var(--gold);border:1px solid #735c31;padding:6px 9px;border-radius:20px}.icon-button,.mobile-toggle{background:none;border:0;color:var(--muted);cursor:pointer;padding:7px}.user-avatar{border-radius:50%;width:31px;height:31px}.mobile-toggle{display:none}.content{max-width:1440px;margin:auto;padding:30px 34px}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:9px;color:var(--gold);letter-spacing:1.6px;font-weight:700}.welcome h1{font:800 25px Manrope,sans-serif;letter-spacing:-.8px;margin:8px 0}.welcome p,.panel-head p{color:var(--muted);font-size:12px;margin:0}.approved{display:flex;align-items:center;gap:6px;color:var(--green);font-size:10px;border:1px solid #315e49;border-radius:20px;padding:7px 11px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.metric{padding:17px}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.metric-top svg{color:var(--gold)}.metric>b{display:block;font:800 22px Manrope;margin:14px 0 5px}.metric>small{color:var(--green);font-size:10px}.two-col{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-bottom:17px}.panel{padding:20px;margin-bottom:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.panel h2{font:700 15px Manrope;margin:0 0 5px}.panel-head p{font-size:11px}.chart{height:175px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding:12px 4px 0}.chart-col{height:100%;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:end;gap:9px}.bar{width:min(35px,65%);background:linear-gradient(180deg,#e2bd70,#99702b);border-radius:6px 6px 2px 2px;min-height:5px}.chart-col small{font-size:9px;color:var(--muted)}.finance-line,.net-line{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.finance-line b{font-size:11px;color:var(--text)}.finance-line.strong{color:var(--text);font-weight:700}.negative{color:var(--red)!important}.net-line{border:0;color:var(--text);font-weight:700;padding-top:16px}.net-line b{font:800 17px Manrope;color:var(--green)}.link-btn{border:0;background:none;color:var(--gold);display:flex;gap:5px;align-items:center;font-size:11px;cursor:pointer}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}th{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:600;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}td b{color:var(--text)}td small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.status{font-size:9px;padding:5px 8px;border-radius:15px;white-space:nowrap}.status.good{background:#173b2b;color:#8de0b4}.status.pending{background:#3c321e;color:#e8c779}.status.warning{background:#482d1e;color:#f0a77b}.status.draft{background:var(--panel2);color:var(--muted)}.small-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:6px;padding:6px 9px;font-size:10px;cursor:pointer}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 11px;border-radius:8px;color:var(--muted);max-width:300px;width:100%}.search input{border:0;outline:0;background:none;color:var(--text);width:100%;font:11px DM Sans}.muted,.hint{color:var(--muted);font-size:10px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--gold);border:1px solid var(--gold);color:#19140a;padding:10px 14px;border-radius:8px;font:700 11px DM Sans;cursor:pointer}.primary:hover{filter:brightness(1.08)}.settings-form{display:grid;gap:16px;max-width:600px}.settings-form label,.modal label{display:grid;gap:7px;font-size:11px;color:var(--muted)}input,textarea,select{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:11px;color:var(--text);font:12px DM Sans;width:100%;outline-color:var(--gold)}.expense-form{display:flex;gap:9px;margin:14px 0;flex-wrap:wrap}.expense-form input{flex:1;min-width:130px}.empty{text-align:center;padding:55px 15px;color:var(--muted)}.empty svg{color:var(--gold);width:28px;height:28px}.empty h3{color:var(--text);font:700 15px Manrope}.empty p{font-size:11px;max-width:400px;margin:0 auto;line-height:1.7}.hint{margin-top:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:18px;z-index:10}.modal{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:25px;width:min(480px,100%);position:relative;max-height:90vh;overflow:auto}.modal h2{font:800 20px Manrope;margin:0 0 6px}.modal>p{color:var(--muted);font-size:11px;margin:0 0 20px}.modal form{display:grid;gap:13px}.close{position:absolute;right:15px;top:15px;background:none;border:0;color:var(--muted);cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-box{border:1px dashed var(--line);border-radius:9px;padding:15px;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:10px}.upload-box svg{color:var(--gold)}.full{width:100%}.toast{position:fixed;bottom:22px;right:22px;background:var(--panel2);border:1px solid var(--gold);color:var(--text);padding:12px 16px;border-radius:9px;font-size:11px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 35px #0005;z-index:20}.toast svg{color:var(--green)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:20px 3px}footer span{opacity:.7}@media(max-width:1000px){.sidebar{width:220px}.content{padding:25px 22px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:fixed;z-index:8;left:-270px;top:0;bottom:0;width:260px;transition:left .2s;box-shadow:12px 0 30px #0004}.sidebar.show{left:0}.mobile-toggle{display:block}header{height:62px;padding:0 13px;gap:7px}.crumb{font-size:8px}.crumb b{font-size:12px}.preview{display:none}.content{padding:22px 14px}.welcome{align-items:flex-start;gap:10px}.welcome h1{font-size:21px}.welcome p{font-size:11px;line-height:1.5}.approved{font-size:8px;white-space:nowrap}.metrics{gap:9px}.metric{padding:13px}.metric>b{font-size:17px}.metric-top{font-size:9px}.two-col{grid-template-columns:1fr}.panel{padding:15px}.panel-head{align-items:flex-start}.expense-form{display:grid}.form-row{grid-template-columns:1fr 1fr}footer{gap:12px;flex-direction:column}.header-actions{gap:5px}}.application-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px}.application-form label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.application-form .wide,.application-form .upload-box,.application-form>button,.application-form>small{grid-column:1/-1}.application-form input,.application-form select,.application-form textarea{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:11px;color:var(--text);font:12px DM Sans;width:100%;outline-color:var(--gold)}.application-result{display:grid;gap:18px;max-width:700px}.application-status{border:1px solid var(--line);background:var(--panel2);padding:20px;border-radius:12px}.application-status h2{font:800 20px Manrope;margin:15px 0 5px}.application-status p{font-size:12px;color:var(--muted);line-height:1.7}.status-steps{display:flex;flex-wrap:wrap;gap:15px;margin:18px 0;color:var(--muted);font-size:11px}.status-steps .done{color:var(--green)}.application-result>.small-btn{justify-self:start}@media(max-width:720px){.application-form{grid-template-columns:1fr}.application-form .wide,.application-form .upload-box,.application-form>button,.application-form>small{grid-column:auto}}