:root{--ag:#173f30;--al:#d7f46c;--line:#dfe6e1}.asset-shell{color:#17251e;background:#f6f8f5;min-height:100vh}.asset-side{background:var(--ag);color:#fff;width:240px;padding:28px 19px;position:fixed;inset:0 auto 0 0}.asset-brand{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.asset-brand img{object-fit:cover;border-radius:11px;width:46px;height:46px}.asset-brand b,.asset-brand small{display:block}.asset-brand small{color:#9db4a8;letter-spacing:1px;margin-top:3px;font-size:8px}.asset-side nav{gap:5px;display:grid}.asset-side nav a{color:#c5d7cd;border-radius:9px;padding:12px 14px;font-size:13px;text-decoration:none}.asset-side nav a:hover,.asset-side nav a.active{color:var(--al);background:#2a5944;font-weight:700}.asset-note{border:1px solid #416b58;border-radius:11px;padding:14px;position:absolute;bottom:24px;left:22px;right:22px}.asset-note b{color:var(--al);font-size:11px}.asset-note p{color:#b5c9be;margin:7px 0 0;font-size:10px;line-height:1.6}.asset-main{margin-left:240px;padding:38px 44px 70px}.asset-main>header{justify-content:space-between;align-items:center;display:flex}.asset-main>header span{color:#3d795e;letter-spacing:1.5px;font-size:9px;font-weight:900}.asset-main h1{margin:6px 0;font-size:30px}.asset-main>header p{color:#77847d;margin:0;font-size:12px}.asset-main>header button,.asset-empty button{background:var(--ag);color:#fff;border:0;border-radius:9px;padding:12px 17px;font-weight:700}.asset-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0 15px;display:grid}.asset-stats button{border:1px solid var(--line);text-align:left;color:#405148;background:#fff;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.asset-stats button.on{background:#f2f9f4;border:2px solid #236448}.asset-stats i{color:#2d6b4e;background:#edf3ee;border-radius:10px;place-items:center;width:42px;height:42px;font-size:20px;font-style:normal;display:grid}.asset-stats b,.asset-stats small{display:block}.asset-stats small{color:#87928c;margin-top:4px}.asset-search{border:1px solid var(--line);color:#7e8d85;background:#fff;border-radius:10px;align-items:center;padding:0 14px;display:flex}.asset-search input{background:0 0;border:0;outline:0;width:100%;padding:12px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;margin-top:18px;display:grid}.asset-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #173f300a}.asset-image{cursor:zoom-in;background:#eef2ef;border:0;width:100%;height:210px;padding:0;position:relative}.asset-image img{object-fit:cover;width:100%;height:100%}.asset-image em{color:#fff;opacity:0;background:#10251dcc;border-radius:6px;padding:5px 8px;font-size:9px;font-style:normal;position:absolute;bottom:9px;right:9px}.asset-image:hover em{opacity:1}.asset-grid article>div{padding:14px}.asset-grid span,.asset-grid small{color:#2d6749;background:#e7f2e9;border-radius:5px;padding:4px 7px;font-size:9px;display:inline-block}.asset-grid small{color:#748078;background:#f1f3f1;margin-left:5px}.asset-grid h2{margin:11px 0 8px;font-size:15px}.asset-grid p{color:#78857e;margin:5px 0;font-size:10px;line-height:1.5}.asset-grid p b{color:#3f594b}.asset-grid footer{border-top:1px dashed var(--line);justify-content:flex-end;gap:7px;margin-top:12px;padding-top:10px;display:flex}.asset-grid footer a,.asset-grid footer button{border:1px solid var(--line);color:#496056;background:#fff;border-radius:6px;padding:6px 9px;font-size:10px;text-decoration:none}.asset-grid footer button{color:#a2554c}.asset-empty{text-align:center;color:#7b8981;background:#fff;border:1px dashed #cad5cd;border-radius:14px;margin-top:18px;padding:80px 20px}.asset-empty>b{color:#b7c6bd;font-size:42px}.asset-empty h2{color:#35493e;font-size:17px}.asset-error{color:#a84e46;background:#fff0ee;border-radius:8px;padding:10px;font-size:11px}.asset-modal,.asset-preview{z-index:100;background:#07130dc4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.asset-modal form{background:#fff;border-radius:16px;width:min(620px,100%);max-height:94vh;padding:22px;overflow:auto}.asset-modal form>header{justify-content:space-between;display:flex}.asset-modal header b,.asset-modal header small{display:block}.asset-modal header small{color:#87928c;margin-top:4px;font-size:10px}.asset-modal header button{background:0 0;border:0;font-size:25px}.asset-upload{margin:18px 0;display:block}.asset-upload input{display:none}.asset-upload>div,.asset-upload>img{object-fit:contain;background:#f5f8f5;border:1px dashed #b9c9c0;border-radius:12px;width:100%;height:190px}.asset-upload>div{color:#64756c;align-content:center;place-items:center;display:grid}.asset-upload div b{font-size:32px}.asset-upload div span,.asset-upload div small{margin-top:6px}.asset-upload div small{font-size:9px}.asset-modal label{color:#42554b;margin-top:12px;font-size:11px;font-weight:700;display:block}.asset-modal input,.asset-modal select,.asset-modal textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;margin-top:6px;padding:10px;font:12px inherit}.asset-modal textarea{resize:vertical;height:72px}.asset-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.asset-save{background:var(--ag);color:#fff;border:0;border-radius:9px;width:100%;margin-top:16px;padding:13px;font-weight:800}.asset-save:disabled{opacity:.45}.asset-preview{z-index:110}.asset-preview img{border-radius:12px;max-width:90vw;max-height:82vh}.asset-preview button{color:#fff;background:0 0;border:0;font-size:34px;position:absolute;top:20px;right:25px}.asset-preview p{color:#fff;background:#0009;border-radius:8px;padding:7px 12px;position:absolute;bottom:15px}@media (max-width:800px){.asset-side{display:none}.asset-main{margin:0;padding:74px 14px 40px}.asset-main>header{align-items:flex-start}.asset-main>header p{max-width:240px}.asset-main>header button{padding:11px;font-size:0}.asset-main>header button:first-letter{font-size:20px}.asset-stats{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr 1fr}.asset-image{height:170px}.asset-form-grid{grid-template-columns:1fr}}@media (max-width:520px){.asset-grid{grid-template-columns:1fr}.asset-image{height:240px}}
