@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#17231f;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid #e8ebe5;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{font-size:20px;font-weight:700;display:flex;gap:10px;align-items:center}.brand-mark{color:#da754c;font-size:26px}.container{max-width:1180px;margin:auto;padding:70px 28px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#da754c;margin:0 0 13px}.hero h1{font-size:58px;line-height:1.04;letter-spacing:-2px;margin:0}.hero h1 em{font-family:Playfair Display,serif;color:#467c67;font-weight:600}.subtitle{color:#78807b;font-size:16px;max-width:480px;line-height:1.6;margin-top:20px}.stats{display:flex;gap:44px;border-left:1px solid #dfe4dd;padding-left:36px}.stats div{display:flex;flex-direction:column;gap:6px}.stats strong{font-size:34px}.stats span{color:#88918b;font-size:12px}.toolbar{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.search{background:#fff;border:1px solid #e1e6df;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 14px;flex:1;min-width:230px}.search span{font-size:26px;color:#8d9992}.search input{border:0;outline:0;padding:13px 0;width:100%;font:inherit}select,.filter-button{background:#fff;border:1px solid #e1e6df;border-radius:9px;padding:0 13px;font:inherit;color:#54605a;min-height:46px}.filter-button{cursor:pointer}.filter-button.active{background:#eaf3ed;color:#327052;border-color:#b7d5c4}.button{font:inherit;border:1px solid #dce3dc;border-radius:9px;background:#fff;padding:11px 17px;cursor:pointer;font-weight:600}.button.primary{background:#295d4d;border-color:#295d4d;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e5e9e4;border-radius:13px;padding:22px;min-height:265px;display:flex;flex-direction:column;box-shadow:0 5px 18px #1e352a06}.card-top{display:flex;justify-content:space-between}.tag{color:#a65f42;background:#fcf0e9;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:700}.star,.close{background:none;border:0;cursor:pointer;color:#c6cdc8;font-size:22px}.star.on{color:#e19b32}.card h2{font-size:19px;margin:22px 0 8px}.tool{color:#467c67;font-size:13px;font-weight:600}.content{color:#67716b;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin-top:auto;padding-top:17px;border-top:1px solid #eff1ee;color:#9ba39d;font-size:11px;display:flex;justify-content:space-between;align-items:center}.text-button{background:none;border:0;color:#477763;cursor:pointer;font:inherit;font-weight:600;margin-left:10px}.text-button.danger{color:#b56a58}.empty{text-align:center;padding:90px 20px;color:#78837c}.empty-icon{font-size:42px;color:#da754c}.empty h2{color:#27352e}.error{background:#fff0ed;color:#a44737;padding:13px 16px;border-radius:8px;margin-bottom:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15221c6b;display:grid;place-items:center;padding:20px;z-index:3}.modal{background:#fff;border-radius:15px;padding:28px;max-width:640px;width:100%;box-shadow:0 20px 70px #17231f44}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal h2{margin:0;font-size:25px}.modal label{display:block;color:#58645d;font-size:13px;font-weight:600;margin:14px 0}.modal input,.modal textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe5df;border-radius:7px;padding:11px;font:inherit;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:800px){.hero{display:block}.stats{margin-top:30px;padding-left:0;border-left:0}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:45px}}@media(max-width:560px){.container{padding:42px 18px}.topbar{padding:0 18px}.topbar .button{padding:9px 11px}.grid,.form-row{grid-template-columns:1fr}.hero h1{font-size:40px}.toolbar>*{width:100%}.search{min-width:0}.modal{padding:22px}}