:root{--green:#3db407;--forest:#39641d;--deep:#171a00;--olive:#5b6600;--sage:#f3f8f0;--cream:#f9ffcc;--warm:#f2eae7;--text:#343434;--muted:#717171;--line:#171a001a;--white:#fff;--font:"Roboto", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--shadow:0 18px 50px #171a0014;--sidebar:272px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 420px at 80% -10%, #3db40714, transparent 60%), var(--sage)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}button:disabled{opacity:.65;cursor:wait}.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);width:100%;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #1c2100 0%, var(--deep) 55%);color:#fafafa;z-index:40;flex-direction:column;height:100vh;padding:1.6rem 1.1rem 1.2rem;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:.85rem;margin-bottom:2.1rem;padding:0 .4rem;display:flex}.sidebar__mark{background:var(--green);color:#0a0a0a;letter-spacing:.04em;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.sidebar__brand strong{letter-spacing:.01em;font-weight:500;display:block}.sidebar__brand small{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;margin-top:.15rem;font-size:.72rem;display:block}.sidebar__nav{flex-direction:column;flex:1;gap:.22rem;display:flex;overflow-y:auto}.sidebar__link{color:#ffffffad;letter-spacing:.04em;white-space:nowrap;transition:background .2s var(--ease), color .2s var(--ease);border-radius:12px;align-items:center;gap:.75rem;padding:.78rem .9rem;display:flex}.sidebar__link svg{opacity:.85;flex-shrink:0;width:18px;height:18px}.sidebar__link.is-active,.sidebar__link:hover{color:#fff;background:#3db4072e}.sidebar__user{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:.75rem;padding:1.05rem .4rem .2rem;display:flex}.sidebar__user small{text-transform:capitalize;color:var(--green);letter-spacing:.08em;margin-top:.15rem;font-size:.72rem;display:block}.sidebar__user button,.row-actions button,.row-actions a,.panel__head a,.back-link{color:var(--green);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;font-weight:600}.sidebar__user button{color:var(--cream)}.menu-btn,.sidebar__close,.nav-overlay,.topbar{display:none}.content{width:100%;min-width:0;padding:clamp(1.25rem,2.2vw,2.4rem) clamp(1.1rem,3vw,2.6rem) 3.4rem}.page{width:100%;max-width:100%}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem;display:flex}.page-head h1{color:var(--deep);letter-spacing:-.03em;font-size:clamp(1.7rem,2.4vw,2.4rem);font-weight:400}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--olive);margin-bottom:.4rem;font-size:.68rem}.muted{color:var(--muted);font-weight:300}.btn{background:var(--green);color:#0a0a0a;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .2s var(--ease), transform .2s var(--ease);border:0;justify-content:center;align-items:center;padding:.9rem 1.45rem;font-size:.72rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--cream)}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem;display:flex}.filter{border:1px solid var(--line);background:var(--white);color:var(--deep);cursor:pointer;letter-spacing:.02em;border-radius:999px;padding:.55rem .95rem;font-size:.78rem}.filter.is-active{background:var(--green);border-color:var(--green);color:#0a0a0a;font-weight:600}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);min-width:0;transition:transform .25s var(--ease);border-radius:16px;flex-direction:column;gap:.5rem;padding:1.4rem 1.25rem 1.25rem;display:flex}.stat:hover{transform:translateY(-3px)}.stat span{letter-spacing:.08em;text-transform:uppercase;color:var(--olive);font-size:.78rem}.stat strong{color:var(--deep);font-size:clamp(1.7rem,2.2vw,2.3rem);font-weight:500}.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;min-width:0;padding:1.4rem 1.35rem 1.5rem}.panel+.panel,.panel+.gallery-admin{margin-top:1.2rem}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.panel h2,.form h2{color:var(--deep);margin-bottom:1rem;font-size:1.2rem;font-weight:500}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.95rem .5rem}th{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.tag{background:var(--sage);text-transform:capitalize;border-radius:999px;padding:.22rem .62rem;font-size:.72rem;display:inline-block}.tag--new{background:var(--cream)}.tag--contacted{background:#e8efe3}.tag--converted{background:#d8f5c8}.tag--closed{color:#777;background:#eee}.tag--draft{background:var(--warm)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.media-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.media-card__img{background:#d7e0d2 50%/cover no-repeat;height:210px}.media-card__body{flex-direction:column;flex:1;padding:1.15rem 1.2rem 1.25rem;display:flex}.media-card h3{color:var(--deep);margin:.35rem 0 .5rem;font-size:1.2rem;font-weight:500}.media-card p{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-weight:300;line-height:1.65;display:-webkit-box;overflow:hidden}.row-actions{flex-wrap:wrap;gap:1rem;margin-top:auto;padding-top:.95rem;display:flex}.form.panel,form.form{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:1.4rem 1.4rem 1.6rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.2rem;display:grid}.form-grid label,.login label{color:var(--olive);letter-spacing:.04em;flex-direction:column;gap:.42rem;font-size:.78rem;display:flex}.full{grid-column:1/-1}.check{color:var(--text);align-items:center;flex-direction:row!important;gap:.55rem!important}input,select,textarea{border:1px solid var(--line);width:100%;max-width:100%;color:var(--deep);background:#fff;outline:none;padding:.82rem .9rem}input:focus,textarea:focus,select:focus{border-color:var(--green)}.alert{color:#9b1c1c;background:#fff1f1;margin-bottom:1rem;padding:.85rem 1rem}.empty{background:var(--white);border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:16px;grid-column:1/-1;padding:2.4rem 1.4rem}.upload{flex-direction:column;gap:.55rem;display:flex}.upload__label{color:var(--olive);letter-spacing:.04em;font-size:.78rem}.upload__drop{border:1px dashed var(--line);background:var(--sage);min-height:86px;color:var(--deep);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:.9rem;display:flex}.upload__drop input{display:none}.upload__preview{grid-template-columns:repeat(auto-fit,minmax(120px,140px));gap:.75rem;display:grid}.upload__preview figure{background:var(--white);border:1px solid var(--line);overflow:hidden}.upload__preview img{object-fit:cover;width:100%;height:90px}.upload__preview button{width:100%;color:var(--green);cursor:pointer;background:0 0;border:0;padding:.45rem;font-weight:600}.gallery-admin{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.3rem;display:grid}.gallery-admin article{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;min-width:0;overflow:hidden}.gallery-admin img{object-fit:cover;width:100%;height:180px}.gallery-admin div{padding:.9rem 1rem 1.05rem}.gallery-admin span{color:var(--muted);margin:.25rem 0 .5rem;font-size:.82rem;display:block}.login{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:100vh;display:grid}.login__visual{color:#fafafa;background:linear-gradient(#171a0059,#171a00db),url(https://images.unsplash.com/photo-1613490493576-7fde63acd811?w=1800&q=80) 50%/cover;flex-direction:column;justify-content:flex-end;padding:clamp(1.5rem,4vw,3.4rem);display:flex;position:relative}.login__visual h2{letter-spacing:-.03em;max-width:12ch;margin:.4rem 0 .8rem;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400}.login__visual p{color:#ffffffc7;max-width:38ch;font-weight:300;line-height:1.7}.login__card{background:#fff;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.4rem);display:flex}.login h1{color:var(--deep);letter-spacing:-.03em;margin-bottom:.55rem;font-size:clamp(2rem,3vw,2.7rem);font-weight:400}.login__lead{color:var(--muted);margin-bottom:1.6rem;font-weight:300}.login label{margin-bottom:.85rem}.login .btn{width:100%;margin-top:.4rem}.hint{color:var(--muted);margin-top:1.2rem;font-size:.82rem;line-height:1.6}@media (width>=1400px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.gallery-admin{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats{grid-template-columns:repeat(4,1fr)}}@media (width>=1800px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.gallery-admin{grid-template-columns:repeat(4,1fr)}}@media (width<=1100px){.shell{grid-template-columns:1fr}.menu-btn{background:var(--deep);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.menu-btn span,.menu-btn span:before,.menu-btn span:after{background:currentColor;width:16px;height:2px;display:block;position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0}.menu-btn span:before{top:-5px}.menu-btn span:after{top:5px}.topbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.topbar strong{color:var(--deep)}.sidebar{width:min(280px,86vw);transition:transform .28s var(--ease);box-shadow:none;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.sidebar__close{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:1.4rem;display:inline-flex}.nav-overlay{z-index:30;background:#171a0073;display:block;position:fixed;inset:0}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.login{grid-template-columns:1fr}.login__visual{min-height:220px}.stats,.form-grid,.card-grid,.gallery-admin{grid-template-columns:1fr}.page-head{align-items:flex-start}.btn{width:100%}table{min-width:560px}}@media (width<=520px){.stats{grid-template-columns:1fr}.sidebar__user{flex-wrap:wrap}}