*{box-sizing:border-box} :root{font-family:Inter,'Segoe UI',sans-serif;color:#203733;background:#e8eeeb;font-size:14px}body{margin:0}.device{max-width:480px;margin:auto;background:#f6f8f5;min-height:100dvh}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:0;background:transparent;color:inherit;min-height:44px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 20px 16px;background:#182b29;color:white}.brand{display:flex;align-items:center;gap:10px}.logo{background:#dcecaa;color:#23382f;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-weight:800;font-size:22px}.brand strong{font-size:15px;letter-spacing:1px}.brand strong span{font-size:9px;color:#c8d6ce}.brand small{display:block;color:#a9bab3;font-size:10px;margin-top:5px}#settings{border:1px solid #62716a;border-radius:50%;width:44px;font-size:22px}.projectbar{display:flex;align-items:center;gap:6px;background:#182b29;color:#eef2df;padding:0 20px 18px}.live{width:6px;height:6px;border-radius:50%;background:#d4e6a6}.projectbar select{background:transparent;border:0;color:inherit;font-size:12px;max-width:65%;min-height:32px}.projectbar option{color:#203733}.demo{margin-left:auto;font-size:8px;letter-spacing:1px;color:#bbc9c1;border:1px solid #64736c;border-radius:4px;padding:4px}main{padding:24px 18px 104px}h1{font-size:27px;letter-spacing:-1px;margin:4px 0 8px}h2{font-size:16px;margin:0}p{line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#78897f}.muted{color:#7b8a82;font-size:12px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.sectionhead button{font-size:11px}.cover{margin-top:22px;border-radius:18px;background:#dce8c2;padding:20px;position:relative;overflow:hidden}.cover:after{content:'↗';position:absolute;right:16px;top:8px;font-size:90px;color:#bfd19e;pointer-events:none}.cover .eyebrow{color:#516544}.cover h2{font-size:23px;max-width:240px;margin:12px 0 4px;position:relative;z-index:1}.cover p{font-size:12px;max-width:220px;margin:4px 0 14px}.primary{background:#203b32;color:white;border-radius:9px;padding:0 16px;font-size:12px}.stats{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 0 4px}.stat{background:white;border:1px solid #e4e8df;border-radius:13px;padding:14px;min-width:115px;scroll-snap-align:start}.stat strong{display:block;font-size:24px;margin:8px 0}.stat span{font-size:10px;color:#78877e}.stat small{font-size:10px;color:#72835e}.card{display:block;text-align:left;width:100%;padding:16px;margin:9px 0;background:white;border:1px solid #e1e7dc;border-radius:13px}.card .top{display:flex;justify-content:space-between;align-items:center;gap:8px}.code{font-size:10px;color:#7c8a82;letter-spacing:.4px}.badge{font-size:9px;background:#eff4e5;color:#607148;border-radius:5px;padding:5px 7px;white-space:nowrap}.badge.warn{background:#fff0df;color:#ac783b}.card h3{font-size:14px;line-height:1.5;margin:10px 0 6px;font-weight:600}.card .foot{display:flex;justify-content:space-between;margin-top:13px;font-size:11px;color:#7c8b82}.progress{height:4px;background:#edf0e8;border-radius:3px;margin-top:12px}.progress span{display:block;background:#9cad74;height:100%;border-radius:3px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick button{background:white;border:1px solid #e2e7dc;border-radius:12px;padding:13px 3px;font-size:10px}.quick b{display:block;font-size:21px;margin-bottom:9px;font-weight:400}.chips{display:flex;gap:7px;overflow:auto;margin:18px -2px 14px;scroll-snap-type:x proximity}.chips button{flex:none;border-radius:8px;padding:0 13px;background:#eaf0e5;font-size:11px;scroll-snap-align:start}.chips button.active{background:#203b32;color:#fff}.search{display:flex;align-items:center;gap:8px;background:white;border:1px solid #dce4d8;border-radius:10px;padding:0 12px}.search input{width:100%;background:transparent;border:0;outline:0;min-height:44px;font-size:12px}.filters{display:flex;justify-content:space-between;align-items:center;font-size:11px}.filters select{background:transparent;border:0;color:#5a6d5e;min-height:44px;max-width:170px}nav{position:fixed;bottom:0;width:100%;max-width:480px;background:#fffefb;border-top:1px solid #e3e8df;display:flex;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:3}nav button{flex:1;font-size:10px;color:#87958b;border-radius:10px;padding:5px 2px}nav b{display:block;font-size:21px;line-height:25px;margin-bottom:4px;font-weight:400}nav button.active{color:#294a36;background:#eff4e6}dialog{position:fixed;top:auto;bottom:0;margin:0 auto;padding:20px 22px 32px;width:min(100%,480px);max-height:88dvh;border:0;border-radius:22px 22px 0 0;background:#f6f8f5;color:#203733;overflow-y:auto}dialog::backdrop{background:#182b2970}.handle{width:34px;height:4px;background:#cbd5c9;border-radius:5px;margin:0 auto 20px}.close{position:absolute;right:12px;top:8px;font-size:25px;width:44px}dialog h2{font-size:23px;margin:12px 0}dialog dl{background:white;border:1px solid #e1e7dc;border-radius:12px;padding:8px 15px}dt{font-size:10px;color:#7b8b81;margin-top:14px}dd{margin:5px 0 14px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.sheetactions{display:flex;gap:8px}.sheetactions button{flex:1;border:1px solid #cbd7c3;border-radius:9px;font-size:12px}.wide{overflow-x:auto}table{border-collapse:collapse;min-width:560px;font-size:12px}td,th{padding:12px;border-bottom:1px solid #dde5d7;text-align:left}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#203b32;color:white;padding:12px 18px;border-radius:10px;max-width:340px;width:max-content;font-size:12px;display:none;z-index:5}a{color:#33533e}.empty{text-align:center;padding:30px;color:#758778}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #789452;outline-offset:3px}@media(min-width:600px){.device{box-shadow:0 0 70px #233d2918}header{padding-top:30px}}