:root{--color-ink: #1f3d2b;--color-cream: #f5efe6;--color-accent: #d97a5b;--color-muted: #7a7a7a;--color-line: rgba(107, 79, 58, 0.15);--color-white: #fff;--color-bg-gradient-start: #f7f3ed;--color-bg-gradient-end: #f5efe6;--color-footer-bg: #1f3d2b;--color-footer-text: #f5efe6;--color-toast-bg: #1f3d2b;--color-toast-text: #f5efe6;--color-modal-overlay: rgba(31, 61, 43, 0.7);--color-badge-bg: rgba(217, 122, 91, 0.1);--color-badge-text: #d97a5b;--color-nav-bg: rgba(245, 239, 230, 0.9);--color-card-bg: #fff;--color-admin-nav-bg: #f5efe6;--color-admin-nav-active-bg: #ebe3d9;--color-skeleton-footer: #2d5038;--radius: 20px;--shadow: 0 6px 20px rgba(0, 0, 0, 0.06);--maxw: 1120px}*{box-sizing:border-box}body{margin:0;font-family:"Inter","Segoe UI",sans-serif;color:#1f3d2b;background:linear-gradient(160deg, #f5efe6 0%, #f7f3ed 50%, #f5efe6 100%);min-height:100vh;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(100% - 32px,1120px);margin:0 auto}.header{padding:24px 0;display:flex;align-items:center;justify-content:space-between;position:relative}.header__logo{font-weight:700;font-size:clamp(1rem,2.5vw,1.2rem);letter-spacing:.04em;display:flex;align-items:center;gap:8px}.header__logo-icon{width:32px;height:32px;display:block}.nav-toggle{display:none;border:1px solid rgba(107,79,58,.15);background:var(--color-card-bg);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:1.5rem;color:#1f3d2b;line-height:1;z-index:20}@media(max-width: 768px){.nav-toggle{display:block}}.nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.nav__header{display:none}.nav a{padding:6px 10px;border-radius:999px;background:var(--color-nav-bg);font-size:clamp(.9rem,2vw,1rem)}.hero{display:grid;gap:24px;padding:48px 0;align-items:center}.hero__card{background:hsla(0,0%,100%,.8);padding:32px;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.06)}.hero__title{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 12px}.hero__subtitle{color:#7a7a7a;margin:0 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;padding:clamp(10px,2vw,12px) clamp(18px,3vw,22px);border-radius:999px;background:#d97a5b;color:var(--color-white);border:none;cursor:pointer;font-weight:600;letter-spacing:.02em;font-size:clamp(.9rem,2vw,1rem)}.button--ghost{background:rgba(0,0,0,0);border:1px solid #1f3d2b;color:#1f3d2b}.section{padding:48px 0}.section__title{font-size:clamp(1.4rem,4vw,1.6rem);margin-bottom:16px}.grid{display:grid;gap:16px}.grid--cards{grid-template-columns:repeat(auto-fit, minmax(220px, 1fr))}.card{background:var(--color-card-bg);border-radius:20px;padding:16px;border:1px solid rgba(107,79,58,.15);box-shadow:0 10px 20px rgba(0,0,0,.06)}.card__title{font-weight:600;margin:12px 0 6px;font-size:clamp(1rem,2.5vw,1.1rem)}.card__meta{color:#7a7a7a;font-size:clamp(.85rem,2vw,.9rem)}#global-loader{position:fixed;inset:0;background:var(--color-cream);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}#global-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.loader-spinner{position:absolute;width:100px;height:100px;border:4px solid rgba(31,61,43,.2);border-top-color:#1f3d2b;border-radius:50%;animation:spin 1s linear infinite}.loader-icon{position:relative;width:60px;height:60px;z-index:1;animation:pulse 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.form{display:grid;gap:12px}.form label{font-weight:600;font-size:.92rem}.form input,.form select,.form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(107,79,58,.15);font:inherit}.form textarea{min-height:120px;resize:vertical}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:32px 0}.footer__grid{display:grid;gap:24px}.footer__logo{display:flex;align-items:center;gap:8px}.footer__logo-icon{width:32px;height:32px;display:block}.badge{padding:4px 10px;border-radius:999px;background:var(--color-badge-bg);color:var(--color-badge-text);font-size:.75rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid rgba(107,79,58,.15)}.table th{font-size:.85rem;color:#7a7a7a;text-transform:uppercase;letter-spacing:.04em}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.toolbar button{padding:6px 10px;border-radius:8px;border:1px solid rgba(107,79,58,.15);background:var(--color-card-bg);cursor:pointer}.richtext{border:1px solid rgba(107,79,58,.15);padding:12px;border-radius:10px;min-height:140px;background:var(--color-card-bg)}.toast{position:fixed;right:24px;bottom:24px;background:var(--color-toast-bg);color:var(--color-toast-text);padding:12px 16px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.06);opacity:0;transform:translateY(20px);transition:all .2s ease;z-index:40}.toast.toast--visible{opacity:1;transform:translateY(0)}.modal{position:fixed;inset:0;display:none;place-items:center;background:var(--color-modal-overlay);z-index:50}.modal.modal--open{display:grid}.modal__content{background:var(--color-card-bg);border-radius:20px;padding:24px;width:min(560px,92vw);max-height:86vh;overflow-y:auto}.admin{display:grid;gap:20px;grid-template-columns:220px 1fr;min-height:80vh}.admin__nav{background:var(--color-card-bg);padding:16px;border-radius:20px;border:1px solid rgba(107,79,58,.15);height:fit-content}.admin__nav button{width:100%;margin-bottom:8px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,0);background:var(--color-admin-nav-bg);cursor:pointer}.admin__nav button.active{border-color:#d97a5b;background:var(--color-admin-nav-active-bg)}.admin__panel{background:var(--color-card-bg);padding:20px;border-radius:20px;border:1px solid rgba(107,79,58,.15)}.searchbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.searchbar input,.searchbar select{min-width:180px}.offline{text-align:center;padding:80px 0}@media(max-width: 768px){.nav{position:fixed;inset:0 0 0 0;background:var(--color-card-bg);flex-direction:column;align-items:stretch;padding:20px;gap:0;transform:translateX(-100%);transition:transform .3s ease;z-index:30;box-shadow:2px 0 12px rgba(0,0,0,.1);overflow-y:auto}.nav.is-open{transform:translateX(0)}.nav__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(107,79,58,.15)}.nav__title{font-weight:700;font-size:1.2rem;color:#1f3d2b}.nav a{display:block;padding:14px 16px;border-radius:10px;margin-bottom:8px;text-align:left;font-size:1rem;transition:all .3s ease}.nav a:hover{background:rgba(217,122,91,.1)}body.nav-open::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10;pointer-events:auto;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}}@media(min-width: 769px){.nav-toggle{display:none !important}.nav__header{display:none !important}}@media(max-width: 900px){.hero{grid-template-columns:1fr}.admin{grid-template-columns:1fr}}:root{--green-moss: #1f3d2b;--green-leaf: #5f7c4a;--earth-brown: #6b4f3a;--sand-light: #f5efe6;--clay-accent: #d97a5b;--stone-gray: #7a7a7a;--color-ink: var(--green-moss);--color-cream: var(--sand-light);--color-accent: var(--clay-accent);--color-muted: var(--stone-gray);--color-line: rgba(107, 79, 58, 0.15);--color-bg-gradient-start: #f7f3ed;--color-bg-gradient-end: #f5efe6;--color-footer-bg: #1f3d2b;--color-footer-text: #f5efe6;--color-toast-bg: #1f3d2b;--color-toast-text: #f5efe6;--color-modal-overlay: rgba(31, 61, 43, 0.7);--color-badge-bg: rgba(217, 122, 91, 0.1);--color-badge-text: #d97a5b;--color-nav-bg: rgba(245, 239, 230, 0.9);--color-card-bg: #fff;--skeleton-base: #ebe3d9;--skeleton-shimmer: rgba(255, 255, 255, 0.6)}body{font-family:"Inter","Segoe UI",sans-serif;background:linear-gradient(160deg, #f5efe6 0%, #f7f3ed 50%, #f5efe6 100%);line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:"Lora","Georgia",serif;font-weight:600;color:#1f3d2b}.header{position:relative;z-index:10;padding:10px 0}.header__logo{font-family:"Lora","Georgia",serif;color:#1f3d2b;font-weight:700;display:flex;align-items:center;gap:8px;font-size:clamp(1.4rem,4vw,1.8rem)}.header__logo-icon{width:45px;height:45px;display:block}.nav a{transition:all .3s ease;color:#1f3d2b}.nav a:hover{background:rgba(217,122,91,.1);color:#d97a5b}.nav-toggle{color:#1f3d2b;border-color:rgba(31,61,43,.2)}.nav-toggle:hover{background:rgba(217,122,91,.1);border-color:#d97a5b}@media(max-width: 768px){.nav{background:var(--color-card-bg);box-shadow:2px 0 20px rgba(0,0,0,.15)}.nav__title{color:#1f3d2b;font-family:"Lora","Georgia",serif}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;margin:0}.hero::before{content:"";position:absolute;inset:0;background:rgba(31,61,43,.5);z-index:1}.hero__background{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform}.hero__content{position:relative;z-index:2;text-align:center;color:#fff;padding:2rem;max-width:900px;width:100%;animation:heroFadeIn 1.2s ease-out}.hero__card{background:rgba(0,0,0,0);padding:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:#fff}.hero .badge{display:inline-block;padding:8px 18px;background:rgba(217,122,91,.9);color:#fff;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:1.5rem}.hero__title{font-family:"Lora","Georgia",serif;font-size:clamp(2rem,7vw,5.5rem);margin:0 0 1.5rem;font-weight:700;line-height:1.1;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.4)}.hero__subtitle{font-size:clamp(1rem,3vw,1.8rem);margin:0 0 3rem;color:hsla(0,0%,100%,.95);line-height:1.6;text-shadow:0 2px 12px rgba(0,0,0,.3);max-width:700px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.hero__actions .button{padding:16px 36px;font-size:1.05rem;border-radius:24px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.2)}.hero__actions .button:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.hero__actions .button--ghost{background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.9);color:#fff;backdrop-filter:blur(10px)}.hero__actions .button--ghost:hover{background:hsla(0,0%,100%,.25);border-color:#fff}.hero.is-loading .hero__background{background:linear-gradient(135deg, #ebe3d9 0%, #f5efe6 100%)}.hero.is-loading .hero__title,.hero.is-loading .hero__subtitle{color:rgba(0,0,0,0);position:relative}.hero.is-loading .hero__title::after,.hero.is-loading .hero__subtitle::after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:hsla(0,0%,100%,.3);border-radius:12px;animation:shimmer 1.6s infinite}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.section{padding:80px 0}@media(max-width: 768px){.section{padding:60px 0}}.section__title{font-family:"Lora","Georgia",serif;color:#1f3d2b;font-weight:700;font-size:clamp(1.6rem,5vw,3rem);margin-bottom:clamp(2rem,4vw,3rem);text-align:center}.section__title::after{content:"";display:block;width:60px;height:3px;background:#d97a5b;margin:1.5rem auto 0;border-radius:999px}.grid--cards{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2.5rem}@media(max-width: 768px){.grid--cards{grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:2rem}}@media(max-width: 480px){.grid--cards{grid-template-columns:1fr}}.card{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid var(--color-line);box-shadow:0 6px 20px rgba(0,0,0,.06);transition:all .4s ease;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:rgba(95,124,74,.3)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:1.25rem}.card__title{font-family:"Lora","Georgia",serif;font-weight:600;margin:0 0 .75rem;color:#1f3d2b;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.3}.card__meta{color:#7a7a7a;font-size:clamp(.85rem,2vw,.95rem);margin:0 0 1.25rem;line-height:1.6}.card .button{padding:10px 24px;font-size:.9rem;border-radius:999px}#blog-listar{display:grid;grid-template-columns:repeat(2, 1fr);gap:3rem}@media(max-width: 1024px){#blog-listar{grid-template-columns:1fr;gap:3.5rem}}#blog-listar .card{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}#blog-listar .card img{aspect-ratio:16/10;margin:0;border-radius:0;border-bottom:1px solid var(--color-line)}#blog-listar .card__content{flex:1;display:flex;flex-direction:column;padding:2rem}#blog-listar .card__title{font-size:1.6rem;margin-bottom:1rem;line-height:1.4}#blog-listar .card__meta{flex:1;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}#blog-listar .card .button{align-self:flex-start;margin-top:auto}.detail-header{padding:4rem 0 2rem;text-align:center}.detail-header h1{font-family:"Lora","Georgia",serif;font-size:clamp(2.5rem,6vw,4rem);color:#1f3d2b;margin-bottom:1rem;line-height:1.2}.detail-header .meta{color:#7a7a7a;font-size:1.1rem}.detail-image{max-width:100%;border-radius:20px;margin:2rem auto;display:block;box-shadow:0 6px 20px rgba(0,0,0,.06)}.detail-content{max-width:800px;margin:0 auto;padding:2rem 0;font-size:1.1rem;line-height:1.9;color:#1f3d2b}.detail-content p{margin-bottom:1.5rem}.detail-content h2,.detail-content h3{font-family:"Lora","Georgia",serif;margin-top:2.5rem;margin-bottom:1.25rem}.footer{background:#1f3d2b;color:#f5efe6;padding:60px 0 40px;margin-top:80px}.footer h3,.footer h4{font-family:"Lora","Georgia",serif;color:#f5efe6;margin-bottom:1.25rem}.footer .footer__logo{display:flex;align-items:center;gap:8px;margin-bottom:1.25rem}.footer .footer__logo-icon{width:32px;height:32px;display:block}.footer p{color:rgba(245,239,230,.85);line-height:1.8}.footer a{color:rgba(245,239,230,.9);transition:color .3s ease}.footer a:hover{color:#d97a5b}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:3rem}@media(max-width: 768px){.footer__grid{grid-template-columns:1fr;text-align:center}}.button{background:#d97a5b;color:#fff;border-radius:999px;padding:clamp(10px,2vw,12px) clamp(22px,3vw,28px);font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:clamp(.9rem,2vw,1rem)}.button:hover{background:#c46848;transform:translateY(-2px);box-shadow:0 6px 16px rgba(217,122,91,.3)}.button:active{transform:translateY(0)}.button--ghost{background:rgba(0,0,0,0);border:2px solid #5f7c4a;color:#5f7c4a}.button--ghost:hover{background:#5f7c4a;color:#fff;border-color:#5f7c4a}.form{max-width:600px;margin:0 auto}.form label{font-weight:600;color:#1f3d2b;margin-bottom:.5rem;display:block}.form input,.form textarea,.form select{border:2px solid var(--color-line);border-radius:12px;padding:14px 16px;font-family:"Inter","Segoe UI",sans-serif;transition:all .3s ease}.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:#5f7c4a;box-shadow:0 0 0 3px rgba(95,124,74,.1)}.form textarea{min-height:150px;line-height:1.7}.searchbar{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:2.5rem;padding:1.5rem;background:rgba(245,239,230,.4);border-radius:20px;border:1px solid var(--color-line)}.searchbar input,.searchbar select{border:2px solid var(--color-line);border-radius:12px;padding:10px 14px;min-width:200px}.searchbar input:focus,.searchbar select:focus{border-color:#5f7c4a;outline:none}.searchbar label{display:flex;align-items:center;gap:.5rem;color:#1f3d2b;font-weight:500}.products-view-toggle{display:flex;gap:.75rem;margin-bottom:2rem;justify-content:flex-end}.products-view-toggle button{padding:.75rem 1.25rem;border:2px solid var(--color-line);background:#fff;color:#1f3d2b;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.products-view-toggle button:hover{background:rgba(95,124,74,.05);border-color:#5f7c4a}.products-view-toggle button.active{background:#5f7c4a;color:#fff;border-color:#5f7c4a}.products-view-toggle button svg{width:1.2rem;height:1.2rem}.grid--list{display:flex;flex-direction:column;gap:2rem}.grid--list .card{display:flex;flex-direction:row;gap:2rem;padding:2rem;align-items:flex-start}@media(max-width: 768px){.grid--list .card{flex-direction:column}}.grid--list .card img{width:280px;height:200px;object-fit:cover;flex-shrink:0}@media(max-width: 768px){.grid--list .card img{width:100%;height:auto;aspect-ratio:16/9}}.grid--list .card__content{flex:1;display:flex;flex-direction:column;gap:1rem}.badge{padding:6px 14px;border-radius:999px;background:var(--color-badge-bg);color:var(--color-badge-text);font-size:.8rem;font-weight:600;display:inline-block}.toast{background:#1f3d2b;color:#f5efe6;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.15)}.modal__content{border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.hero{position:relative;min-height:clamp(520px,78vh,860px);display:grid;place-items:center;overflow:hidden;background:#0f1f15;color:#f5efe6}.hero::before{content:"";position:absolute;inset:-8%;background-image:var(--hero-bg);background-size:cover;background-position:center;background-attachment:fixed;transform:scale(1.06);filter:blur(10px);opacity:.95;will-change:transform}.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0.75) 100%)}.hero__content{position:relative;z-index:2;width:min(980px,92vw);text-align:center;padding:96px 16px 42px;opacity:0;transform:translateY(18px);animation:heroIn 900ms ease-out forwards}@keyframes heroIn{to{opacity:1;transform:translateY(0)}}.hero__kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;color:#fff;margin:0 0 10px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero__title{font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.05;margin:0 0 10px;text-shadow:0 3px 16px rgba(0,0,0,.7)}.hero__subtitle{font-size:clamp(1rem,1.35vw,1.2rem);max-width:52ch;margin:0 auto 22px;color:hsla(0,0%,100%,.98);text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:600;text-decoration:none;transition:transform 120ms ease,filter 120ms ease,background 120ms ease;will-change:transform}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:#f5efe6;color:#1f3d2b;border:2px solid rgba(31,61,43,.2);font-weight:700}.btn--primary:hover{background:#fff;border-color:#1f3d2b}.btn--ghost{background:hsla(0,0%,100%,.15);color:#fff;border:2px solid hsla(0,0%,100%,.6);backdrop-filter:blur(8px)}.btn--ghost:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.9)}.hero__focus{position:absolute;inset:0;z-index:1;display:grid;place-items:center;align-items:end;justify-items:center;pointer-events:none;padding:0 clamp(12px,4vw,48px);box-sizing:border-box}.hero__kokedama{width:auto;height:auto;max-width:80vw;max-height:80vh;object-fit:contain;object-position:center center;transform:translateY(12px);filter:drop-shadow(0 18px 36px rgba(0, 0, 0, 0.45));animation:floaty 4.5s ease-in-out infinite;will-change:transform}@media(max-width: 480px){.hero__focus{padding:0 12px;place-items:center;align-items:end;justify-content:unset}.hero__kokedama{max-width:180vw;max-height:80vh}}@media(min-width: 769px)and (max-width: 1199px){.hero__focus{place-items:center;align-items:end;justify-content:unset}.hero__kokedama{max-width:min(819px,80vw);max-height:80vh}}@media(min-width: 1200px){.hero__kokedama{max-width:min(1024px,80vw);max-height:80vh}}@keyframes floaty{0%,100%{transform:translateY(10px)}50%{transform:translateY(-6px)}}.hero__fade{position:absolute;left:0;right:0;bottom:0;height:130px;z-index:3;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(15, 31, 21) 100%)}@media(prefers-reduced-motion: reduce){.hero__content{animation:none;opacity:1;transform:none}.hero__kokedama{animation:none}.btn{transition:none}}
.admin-app{font-family:"Space Grotesk","Segoe UI",sans-serif;color:#182a2a;background:#f4f2ee}.admin-app :focus-visible{outline:2px solid #f26b4f;outline-offset:2px}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{background:#111b1b;color:#f4f2ee;display:flex;flex-direction:column;padding:20px;gap:18px}.admin-sidebar__brand{display:flex;align-items:center;justify-content:space-between}.admin-brand{font-weight:700;letter-spacing:.04em}.admin-nav{display:grid;gap:10px}.admin-nav__item{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:inherit;padding:10px 14px;border-radius:10px;text-align:left;cursor:pointer;font-weight:600}.admin-nav__item.active{background:rgba(242,107,79,.2);border-color:rgba(242,107,79,.4)}.admin-sidebar__footer{margin-top:auto}.admin-main{display:flex;flex-direction:column;background:#f7f3ef}.admin-topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#f7f3ef;border-bottom:1px solid #d7d2cc;gap:16px;flex-wrap:wrap}.admin-topbar__left{display:flex;align-items:center;gap:16px}.admin-topbar__subtitle{margin:4px 0 0;color:#6b7b7b}.admin-topbar__right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.admin-content{padding:24px}.searchbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.admin-login{font-family:"Space Grotesk","Segoe UI",sans-serif;background:radial-gradient(circle at top left, #fff 0%, #f4f2ee 55%, #efe8df 100%);min-height:100vh}.admin-login__shell{max-width:520px;margin:0 auto;padding:64px 24px;display:grid;gap:24px}.admin-login__header{display:flex;justify-content:space-between;align-items:center}.admin-login__hint{color:#6b7b7b;font-size:.9rem}.admin-login__card{background:#fff;padding:32px;border-radius:16px;border:1px solid #d7d2cc;box-shadow:0 18px 40px rgba(0,0,0,.08)}.admin-search{min-width:220px}.icon-btn{border:1px solid #d7d2cc;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.badge{padding:4px 10px;border-radius:999px;background:#f1e2d6;color:#8a4b3c;font-size:.75rem}.admin-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:#f26b4f;color:#fff;border:none;cursor:pointer;font-weight:600}.admin-button--ghost{background:rgba(0,0,0,0);border:1px solid #f26b4f;color:#f26b4f}.form{display:grid;gap:12px}.form label{font-weight:600;font-size:.92rem}.form input,.form select,.form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d7d2cc;font:inherit;background:#fff}.searchbar input,.searchbar select,.admin-search input{padding:8px 10px;border-radius:10px;border:1px solid #d7d2cc;font:inherit;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid #d7d2cc}.table th{font-size:.8rem;color:#6b7b7b;text-transform:uppercase;letter-spacing:.04em}.table__actions{display:flex;flex-wrap:wrap;gap:6px}.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(12,16,16,.6);z-index:50}.modal.modal--open{display:grid}.modal__content{background:#fff;border-radius:16px;padding:24px;width:min(640px,92vw);max-height:86vh;overflow-y:auto}.toast{position:fixed;right:24px;bottom:24px;background:#101818;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;transform:translateY(20px);transition:all .2s ease;z-index:60}.toast.toast--visible{opacity:1;transform:translateY(0)}.richtext{border:1px solid #d7d2cc;padding:12px;border-radius:10px;min-height:140px;background:#fff}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.toolbar .admin-button{padding:6px 10px;border-radius:8px;border:1px solid #d7d2cc;background:#fff;cursor:pointer}.loader{display:inline-flex;align-items:center;gap:8px;color:#6b7b7b}.loader .loader-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.loader .loader-spinner{position:absolute;width:20px;height:20px;border:2px solid rgba(31,61,43,.2);border-top-color:#1f3d2b;border-radius:50%;animation:spin .8s linear infinite}.loader .loader-icon{position:relative;width:12px;height:12px;z-index:1;animation:pulse 2s ease-in-out infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media(max-width: 900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:fixed;inset:0 40% 0 0;transform:translateX(-100%);transition:transform .2s ease;z-index:30}.admin-sidebar.is-open{transform:translateX(0)}.admin-main{min-height:100vh}}@media(min-width: 901px){#sidebar-open,#sidebar-close{display:none}}