@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.account-card{background:#1e2a26;color:#fff;border-radius:15px;padding:22px}.account-card small{color:#a8b8b1;font-size:11px;letter-spacing:.08em}.account-card h3{margin:12px 0 28px}.account-card strong{font:700 24px Manrope}.panel select{border:1px solid #d7dcd5;border-radius:7px;padding:6px;background:#fff}@media(max-width:800px){.account-grid{grid-template-columns:1fr}}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{display:flex;align-items:center;gap:8px}.icon-button svg{width:17px}.row-action{border:0;background:transparent;color:#a25950;cursor:pointer}.row-action svg{width:17px}.ghost.small{padding:7px 11px;font-size:12px;cursor:pointer}@media(max-width:700px){.header-actions{align-items:stretch;flex-direction:column}.icon-button{display:none}}:root{font-family:DM Sans,sans-serif;color:#17201d;background:#f3f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#17211e;color:#fff;padding:30px 18px;display:flex;flex-direction:column}.logo{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:0 10px 36px}.logo span,.brand-mark{width:38px;height:38px;border-radius:12px;background:#c9ff62;color:#17211e;display:grid;place-items:center;font:700 20px Manrope}.logo b{font:700 18px Manrope}.logo small{grid-column:2;color:#91a39c}.sidebar nav{display:grid;gap:8px}.sidebar nav button{border:0;background:transparent;color:#aebbb6;padding:12px 14px;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.sidebar nav svg{width:19px}.sidebar nav button.active,.sidebar nav button:hover{background:#293632;color:#fff}.user{margin-top:auto;border-top:1px solid #33413d;padding:22px 6px 0;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.user .avatar{background:#c9ff62;color:#17211e;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:700}.user b,.user small{display:block}.user small{font-size:11px;color:#91a39c}.user button{background:none;border:0;color:#91a39c}.user svg{width:18px}.content{grid-column:2;padding:42px 48px}.content header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#738079;margin:0 0 7px}.content h1{font:700 34px Manrope;margin:0}.primary{border:0;border-radius:11px;padding:12px 17px;background:#17211e;color:#fff;font-weight:600;display:flex;gap:9px;align-items:center;cursor:pointer}.primary svg{width:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.card{background:#fff;border:1px solid #e2e6df;border-radius:15px;padding:20px;min-height:145px}.card-top{display:flex;justify-content:space-between;color:#6c7873}.card-top svg{width:20px}.card strong{display:block;font:700 24px Manrope;margin:25px 0 5px}.card small{color:#8a9691}.card.dark{background:#1e2a26;color:#fff;border:0}.card.green .card-top svg{color:#4f9c31}.card.red .card-top svg{color:#d06052}.panel{background:#fff;border:1px solid #e2e6df;border-radius:15px;overflow:hidden}.panel-title{padding:22px 24px}.panel h2{font:700 18px Manrope;margin:0 0 4px}.panel p{margin:0;color:#84908a;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f7f8f5;color:#7b8781;font-size:11px;text-transform:uppercase;letter-spacing:.06em}th,td{padding:14px 24px;border-top:1px solid #edf0eb}td{font-size:14px}td small{display:block;color:#929b97;margin-top:3px}.right{text-align:right}.type{padding:5px 9px;border-radius:20px;font-size:12px;background:#f0f2ef}.type.sale{background:#eaf6dd;color:#477528}.type.purchase{background:#fff0ed;color:#a84b3e}.empty{text-align:center;color:#8a9691;padding:50px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1511b8;display:grid;place-items:center;padding:20px;z-index:5}.modal{background:#fff;border-radius:18px;width:min(760px,100%);padding:28px;max-height:92vh;overflow:auto}.modal h2{font:700 25px Manrope;margin:0 0 25px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid label,label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#55615c}.grid input,.grid select,.login input{border:1px solid #d7dcd5;border-radius:9px;padding:11px 12px;background:#fff}.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.ghost{border:1px solid #d7dcd5;background:#fff;border-radius:10px;padding:11px 18px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-card{padding:8vh 10vw;display:flex;flex-direction:column;justify-content:center}.login-card .brand-mark{margin-bottom:50px}.login h1{font:700 clamp(36px,4.5vw,65px)/1.05 Manrope;margin:0 0 20px;letter-spacing:-.04em}.muted{color:#74807b;max-width:480px;line-height:1.6}.login form{display:grid;gap:17px;margin-top:28px;max-width:420px}.login form button{background:#17211e;color:#fff;border:0;border-radius:10px;padding:13px;font-weight:700}.error{color:#b34438;font-size:13px;margin:0}.login-art{background:linear-gradient(145deg,#263a32,#17211e);margin:18px;border-radius:22px;position:relative;overflow:hidden}.login-art:before{content:"";position:absolute;width:500px;height:500px;border:90px solid #c9ff62;border-radius:50%;right:-260px;top:-180px;opacity:.9}.quote{position:absolute;left:55px;bottom:55px;right:55px;color:#fff;font:600 27px/1.4 Manrope}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:auto;min-height:auto}.sidebar nav,.user{display:none}.logo{padding-bottom:0}.content{padding:24px 16px}.cards,.grid{grid-template-columns:1fr}.wide{grid-column:auto}.content header{align-items:flex-end}.content h1{font-size:27px}}