:root{--green:#1f5a43;--green2:#2f7059;--cream:#faf7f1;--paper:#fffdf9;--beige:#f3efe6;--ink:#24332d;--muted:#747b76;--gold:#c77b28;--line:#ece8e0}body{background:var(--cream);color:var(--ink)}button{transition:transform .16s ease,background .16s ease,box-shadow .16s ease}button:active{transform:scale(.975)}.m-app{max-width:470px;min-height:100vh;margin:auto;padding:26px 16px 99px;background:var(--cream);animation:fade .2s ease}@keyframes fade{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}.m-header{display:flex;align-items:center;justify-content:space-between}.m-logo{font:400 29px Georgia,serif;letter-spacing:.08em;color:var(--green);border-right:1px solid #dcd7cd;padding-right:13px;line-height:.9}.m-logo small{display:block;margin-top:8px;font:700 8px -apple-system;letter-spacing:.2em}.m-crm{margin-left:-80px;font-size:16px;color:var(--green)}.m-bell{width:44px;height:44px;border-radius:50%;background:transparent;color:var(--green);font-size:20px;position:relative}.m-bell:after{content:'3';position:absolute;right:0;top:0;background:var(--green);color:white;border-radius:20px;padding:2px 5px;font:11px sans-serif}.m-greeting{margin:29px 4px 15px}.m-greeting h1{margin:0;font-size:25px;font-weight:500;letter-spacing:-.04em}.m-greeting p{margin-top:6px;font-size:14px;color:var(--ink)}.m-scan{display:flex;align-items:center;width:100%;gap:15px;padding:20px;border-radius:15px;background:linear-gradient(115deg,#1f5a43,#2f7059);color:white;text-align:left;box-shadow:0 10px 20px #1f5a4320}.m-scan .scanbox{display:grid;place-items:center;width:44px;height:44px;border:2px dashed #fff;border-radius:10px;font-size:21px}.m-scan b{font-size:17px}.m-scan small{display:block;margin-top:4px;font-size:13px;opacity:.86}.m-scan i{margin-left:auto;font-style:normal;font-size:27px}.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.m-kpi{min-height:114px;padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:15px;text-align:left;box-shadow:0 4px 13px #3b2a1506}.m-kpi .m-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #f0ede6;border-radius:50%;background:#fdfcf9;color:var(--green);font-size:21px}.m-kpi.gold .m-icon{color:var(--gold)}.m-kpi label{display:block;margin-top:8px;font-size:12px;color:var(--ink)}.m-kpi b{display:block;margin-top:4px;font-size:21px;letter-spacing:-.04em}.m-kpi small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.m-brand{position:relative;overflow:hidden;margin-top:14px;min-height:119px;padding:22px 18px;border-radius:16px;background:#ebe4d8;color:var(--green)}.m-brand:before,.m-brand:after{content:'⌁';position:absolute;font:170px Georgia,serif;color:#b9ab8755}.m-brand:before{left:-24px;bottom:-83px;transform:rotate(-25deg)}.m-brand:after{right:-35px;top:-104px;transform:rotate(35deg)}.m-brand b{position:relative;display:block;margin-left:145px;font:20px/1.12 Georgia,serif}.m-brand small{position:relative;display:block;margin:10px 0 0 145px;font-size:11px;color:var(--ink);line-height:1.35}.m-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;align-items:flex-end;width:min(470px,100%);height:78px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e7e3db;background:#fffdf9f2;backdrop-filter:blur(9px)}.m-nav button{min-width:55px;background:transparent;color:#818784;font-size:10px}.m-nav span{display:block;font-size:20px;line-height:23px}.m-nav .active{color:var(--green);font-weight:700}.m-nav .add{display:grid;place-items:center;width:51px;height:51px;min-width:51px;margin-bottom:14px;border-radius:50%;background:var(--green);color:white;font-size:32px;box-shadow:0 6px 16px #1f5a4335}.m-page-head{display:flex;align-items:center;gap:9px;margin:1px 0 19px}.m-page-head h1{font-size:17px;margin:0;flex:1;text-align:center;font-weight:600}.m-back{width:40px;height:40px;background:transparent;font-size:23px;text-align:left}.m-filter{width:40px;height:40px;background:transparent;color:var(--green)}.m-search{display:flex;gap:8px;align-items:center;height:42px;padding:0 12px;border-radius:11px;background:var(--paper);border:1px solid var(--line);color:var(--muted);font-size:12px}.m-list{margin-top:12px}.m-row{display:flex;align-items:center;gap:10px;padding:10px 3px;border-bottom:1px solid #ece7df;background:transparent;text-align:left;width:100%}.m-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#dfe9df;color:var(--green);font-weight:700}.m-row div{flex:1}.m-row b{display:block;font-size:13px}.m-row small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.m-dot{width:9px;height:9px;border-radius:50%;background:#6baf84}.m-stat{padding:20px;border-radius:15px;background:var(--beige)}.m-stat b{display:block;font-size:25px}.m-stat small{color:var(--muted);font-size:11px}.m-sale{display:flex;align-items:center;gap:9px;padding:15px 3px;border-bottom:1px solid #e8e2d8}.m-sale div{flex:1}.m-sale b{font-size:15px}.m-sale small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.m-tabs{display:flex;margin:3px 0 13px;padding:3px;background:#f1eee7;border-radius:10px}.m-tabs button{flex:1;padding:7px;border-radius:8px;background:transparent;font-size:11px}.m-tabs .on{background:white;color:var(--green);box-shadow:0 2px 5px #463b2a12}.m-sheet{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(470px,100%);padding:22px 18px calc(23px + env(safe-area-inset-bottom));background:var(--paper);border-radius:24px 24px 0 0;box-shadow:0 -10px 30px #0002;animation:sheet .2s ease}@keyframes sheet{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}.m-sheet h2{margin:0 0 12px;font:22px Georgia,serif}.m-sheet button{display:flex;align-items:center;gap:12px;width:100%;height:52px;margin:7px 0;padding:0 13px;border-radius:12px;background:#f7f4ee;text-align:left;color:var(--ink)}.m-sheet button span{color:var(--green);font-size:20px}.m-client-name{font:28px Georgia,serif;margin:10px 0 4px}.m-client-meta{font-size:13px;color:var(--muted)}.m-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:19px 0}.m-actions button{height:58px;border-radius:13px;background:var(--paper);border:1px solid var(--line);color:var(--green);font-size:18px}.m-actions small{display:block;font-size:9px;color:var(--muted)}.m-section{margin-top:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.m-section h2{margin:0 0 10px;font:19px Georgia,serif}.m-section p{font-size:12px;line-height:1.5;color:var(--muted)}.m-chip{display:inline-block;padding:5px 9px;border-radius:12px;background:#edf3ed;color:var(--green);font-size:10px}@media(min-width:700px){.m-app{max-width:760px}.m-grid{grid-template-columns:repeat(4,1fr)}.m-nav{border:1px solid #e7e3db;border-radius:20px;bottom:16px;width:480px}.m-brand b,.m-brand small{margin-left:190px}}