body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c2c2c;background:#fff;min-height:100vh;margin:0;font-family:Be Vietnam Pro,Segoe UI,Tahoma,Arial,sans-serif}html{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#f0176b;--primary-dark:#c40f55;--primary-light:#f5499c;--secondary:#1b5e20;--secondary-light:#2e7d32;--accent:#2e7d32;--accent-light:#4caf50;--text-dark:#2c2c2c;--text-body:#555;--text-light:#888;--text-white:#f8f8f8;--bg-warm:#fff;--bg-cream:#f9f6ed;--bg-light:#eef7ec;--bg-white:#fff;--border-light:#d6ead3;--border-warm:#bcd9b8;--shadow-soft:0 4px 20px #2e7d3214;--shadow-medium:0 18px 60px #17481d1f;--shadow-card:0 2px 12px #2e7d320f;--font-heading:"Be Vietnam Pro", "Segoe UI", Tahoma, Arial, sans-serif;--font-body:"Be Vietnam Pro", "Segoe UI", Tahoma, Arial, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--header-h:92px}*,:before,:after{box-sizing:border-box}.App{font-family:var(--font-body);min-height:100vh;color:var(--text-dark);background:#fff;overflow-x:hidden}.melody-header{z-index:900;height:var(--header-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;background:#fffffff2;border-bottom:1px solid #1b5e2014;transition:background .35s,box-shadow .35s,border-color .35s;position:fixed;top:0;left:0;right:0}.melody-header.scrolled{background:#fff;border-color:#1b5e2024;box-shadow:0 10px 30px #12351614}.melody-header-inner{justify-content:space-between;align-items:center;max-width:1360px;height:100%;margin:0 auto;padding:0 36px;display:flex}.melody-logo{align-items:center;text-decoration:none;display:flex}.melody-logo-img{width:auto;height:64px;transition:height .3s}.melody-nav{align-items:center;gap:12px;display:flex}.melody-nav a{color:var(--secondary);font-family:var(--font-body);letter-spacing:0;border-radius:0;padding:8px 4px 10px;font-size:1.02rem;font-weight:700;text-decoration:none;transition:color .25s,box-shadow .25s}.melody-nav a:hover,.melody-nav a.active{color:var(--secondary);box-shadow:inset 0 -2px 0 var(--secondary);background:0 0}.melody-nav .nav-admin-link{color:var(--accent);border:1px solid #2e7d3240;border-radius:999px;padding:11px 16px}.melody-nav .nav-admin-link:hover,.melody-nav .nav-admin-link.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:none}.nav-hamburger{cursor:pointer;z-index:910;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.bar{background:#2c2c2c;border-radius:2px;width:26px;height:3px;transition:transform .3s,opacity .3s;display:block}.bar1.open{transform:translateY(8px)rotate(45deg)}.bar2.open{opacity:0}.bar3.open{transform:translateY(-8px)rotate(-45deg)}.page-banner{margin-top:var(--header-h);text-align:left;background:linear-gradient(105deg,#edf7eb 0%,#f8fbf6 60%,#fff4f8 100%);padding:36px 28px 32px;position:relative;overflow:hidden}.page-banner:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#ffffff0f,#0000 60%);position:absolute;inset:0}.page-banner-inner{max-width:1140px;margin:0 auto;position:relative}.page-banner-title{font-family:var(--font-heading);color:var(--secondary);letter-spacing:-.02em;margin:0 0 8px;font-size:2.15rem;font-weight:800}.page-banner-breadcrumb{color:var(--text-body);font-size:.92rem}.page-banner-breadcrumb a{color:var(--secondary);font-weight:600;text-decoration:none}.page-banner-breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{opacity:.5;margin:0 10px}.melody-main{width:100%;min-height:calc(100vh - 300px);padding:0}.melody-section{width:100%;padding:80px 0;position:relative}.melody-section.section-alt{background:#fff}.melody-section.section-dark{background:var(--bg-light);color:var(--text-dark)}.melody-container{max-width:1140px;margin:0 auto;padding:0 28px}.melody-container.text-center{text-align:center}.section-kicker{text-transform:uppercase;letter-spacing:.25em;color:var(--primary);border:1.5px solid var(--primary-light);background:#f0176b0f;border-radius:999px;margin-bottom:12px;padding:6px 18px;font-size:.72rem;font-weight:800;display:inline-block}.section-kicker.kicker-light{color:var(--primary);border-color:var(--primary-light);background:#f0176b0f}.section-heading{font-family:var(--font-heading);color:var(--secondary);margin:0 0 44px;font-size:2.6rem;font-weight:700;position:relative}.section-heading:after{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;width:60px;height:3px;margin:16px auto 0;display:block}.section-heading.heading-light{color:var(--secondary);-webkit-text-fill-color:initial}.section-heading.heading-light:after{background:linear-gradient(90deg,var(--primary),var(--accent))}.section-lead{max-width:720px;color:var(--text-body);margin:0 auto 30px;font-size:1.1rem;line-height:1.8}.subsection-heading{font-family:var(--font-heading);color:var(--secondary);margin:0 0 20px;font-size:1.7rem;font-weight:700}.subsection-heading:after{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;width:40px;height:2px;margin-top:10px;display:block}.hero-section{color:#2c2c2c;background:linear-gradient(135deg,#dbf5df 0%,#edf9d6 100%);padding:0}.home-hero>.melody-container{padding-top:calc(var(--header-h) + 54px);padding-bottom:88px}.hero-section:before{content:"";pointer-events:none;position:absolute;inset:0}.scroll-open-surface{opacity:1;clip-path:inset(0 round 32px);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .35s;transform:translateY(18px)scale(.992)}.scroll-open-surface.is-visible{opacity:1;clip-path:inset(0 round 40px);transform:none}.scroll-reveal:not(.scroll-open-surface){opacity:1;transition:transform .55s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s);will-change:transform;transform:translateY(16px)}.scroll-reveal.is-revealed:not(.scroll-open-surface){opacity:1;will-change:auto;transform:translate(0,0)}.scroll-open-surface.scroll-reveal{transition-delay:var(--reveal-delay,0s)}@media (prefers-reduced-motion:reduce){.scroll-reveal,.scroll-open-surface{opacity:1!important;clip-path:none!important;transition:none!important;transform:none!important}}.hero-stage{min-height:640px;box-shadow:var(--shadow-medium);background-position:50%;background-size:cover;border-radius:44px;padding:52px;position:relative;overflow:hidden}.hero-stage:before{content:"";background:linear-gradient(#ffffff0f,#ffffff0f);position:absolute;inset:0}.hero-stage:after{content:"";background:radial-gradient(circle,#ffffff42 0%,#fff0 72%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-80px;right:-70px}.hero-copy{text-align:left;max-width:720px}.hero-copy-overlay{z-index:1;max-width:min(720px,70%);position:relative}.hero-brand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.04em;background:#fff3;border-radius:999px;margin-bottom:18px;padding:10px 18px;font-size:.95rem;font-weight:700;display:inline-block}.hero-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.04em;text-shadow:0 18px 40px #00000047;margin:0 0 18px;font-size:clamp(3.1rem,6vw,5.4rem);font-weight:700;line-height:.98}.hero-slogan{font-family:var(--font-body);color:#fff;text-shadow:0 12px 30px #00000042;margin:0 0 18px;font-size:1.3rem;font-weight:700;line-height:1.45}.hero-lead{color:#ffffffeb;text-shadow:0 12px 30px #00000038;max-width:640px;margin:0 0 32px;font-size:1.08rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.hero-buttons-left{justify-content:flex-start;margin-bottom:0}.btn-hero{letter-spacing:0;background:var(--primary);color:#fff;border:2px solid var(--primary);border-radius:999px;padding:18px 34px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-hero:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px)}.btn-hero-outline{color:var(--secondary);background:#ffffffe0;border:2px solid #ffffff40}.btn-hero-outline:hover{border-color:var(--secondary);background:#1b5e2014}.btn-hero-story{box-shadow:0 20px 40px #f0176b38}.hero-story-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);background:#ffffff24;border:1px solid #ffffff3d;border-radius:32px;margin-top:28px;padding:26px 28px}.hero-story-panel p{color:#ffffffeb;margin:0;font-size:1rem;line-height:1.85}.section-heading-left{text-align:left;margin-bottom:0}.section-heading-left:after{margin:14px 0 0}.section-header-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.section-header-row>div{min-width:0}.home-section-surface{padding-top:54px}.teacher-feature-band{padding-top:0}.teacher-showcase-shell{justify-content:center;display:flex}.teacher-showcase{text-align:left;cursor:pointer;width:min(100%,1120px);min-height:500px;color:inherit;box-shadow:var(--shadow-medium);background-color:#fff;background-position:50%;background-size:cover;border:none;border-radius:34px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px;padding:42px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden}.teacher-showcase:hover{transform:translateY(-4px);box-shadow:0 24px 72px #17481d29}.teacher-showcase.expanded{box-shadow:0 28px 76px #17481d2e}.teacher-showcase:before{content:"";background:linear-gradient(90deg,#082815c7 0%,#0828159e 46%,#08281524 100%);position:absolute;inset:0}.teacher-showcase:after{content:"";background:radial-gradient(circle,#ffffff42 0%,#fff0 72%);border-radius:50%;width:220px;height:220px;position:absolute;top:-50px;right:-60px}.teacher-showcase-visual{z-index:1;transform-origin:0;opacity:0;clip-path:inset(14% 0 0 round 30px);border-radius:30px;place-self:center;width:min(100%,340px);min-height:340px;max-height:340px;transition:transform .95s cubic-bezier(.22,.61,.2,1),opacity .55s,clip-path .85s,box-shadow .35s;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-11deg)translateY(34px)scale(.86);box-shadow:0 28px 56px #00000038}.teacher-showcase-visual:before,.teacher-showcase-visual:after{content:"";z-index:2;background:linear-gradient(135deg,#082815d6,#08281573);width:50%;transition:transform .95s cubic-bezier(.22,.61,.2,1),opacity .55s;position:absolute;top:0;bottom:0}.teacher-showcase-visual:before{border-right:1px solid #ffffff1f;left:0}.teacher-showcase-visual:after{border-left:1px solid #ffffff1f;right:0}.teacher-showcase.is-visible .teacher-showcase-visual,.teacher-showcase.expanded .teacher-showcase-visual{opacity:1;clip-path:inset(0 round 30px);transform:perspective(1200px)rotateY(0)translateY(0)scale(1)}.teacher-showcase.is-visible .teacher-showcase-visual:before,.teacher-showcase.expanded .teacher-showcase-visual:before{opacity:.14;transform:translate(-103%)}.teacher-showcase.is-visible .teacher-showcase-visual:after,.teacher-showcase.expanded .teacher-showcase-visual:after{opacity:.14;transform:translate(103%)}.teacher-showcase.expanded .teacher-showcase-visual{box-shadow:0 34px 72px #00000042}.teacher-showcase-photo{object-fit:cover;width:100%;height:100%;transition:transform 1.1s;display:block;transform:scale(1.02)}.teacher-showcase.expanded .teacher-showcase-photo{transform:scale(1.09)}.teacher-showcase-photo-fallback{background:linear-gradient(135deg,#ffffff38,#f0176b6b)}.teacher-showcase-copy{z-index:1;flex-direction:column;gap:16px;min-width:0;display:flex;position:relative}.teacher-showcase-caption{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:left;background:#0c28187a;border:1px solid #ffffff29;border-radius:22px;flex-direction:column;gap:6px;max-width:calc(100% - 36px);padding:16px 18px;display:flex;position:absolute;bottom:18px;left:18px}.teacher-showcase-caption strong{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;line-height:1.1}.teacher-showcase-caption span{color:#ffffffe0;font-size:.92rem;line-height:1.5}.teacher-showcase-ribbon{z-index:3;color:var(--secondary);letter-spacing:.01em;background:#ffffffe6;border-radius:999px;align-items:center;padding:10px 14px;font-size:.82rem;font-weight:700;display:inline-flex;position:absolute;top:18px;left:18px}.teacher-showcase-overlay{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #ffffff2e;border-radius:32px;width:min(540px,100%);padding:32px;position:relative}.teacher-showcase-copy{flex-direction:column;align-items:flex-start;display:flex}.teacher-showcase-copy .section-kicker{color:#fff;background:#ffffff1f;border-color:#ffffff59}.teacher-showcase-copy .section-heading{color:#fff;text-shadow:0 14px 32px #0003}.teacher-showcase-copy p{color:#ffffffeb;margin:18px 0 0;font-size:1rem;line-height:1.8}.teacher-showcase-title{max-width:11.5ch;line-height:1.08}.teacher-showcase-action{color:var(--primary);background:#ffffffe6;border-radius:999px;justify-content:center;align-items:center;margin-top:22px;padding:13px 22px;font-weight:700;transition:transform .25s,background .25s;display:inline-flex}.teacher-showcase:hover .teacher-showcase-action,.teacher-showcase.expanded .teacher-showcase-action{background:#fff;transform:translate(8px)}.home-story-band{padding-top:0}.home-story-panel{background:linear-gradient(135deg,#fffdf8 0%,#f8f0df 100%) 100%/cover no-repeat;border-radius:40px;min-height:560px;padding:56px 58px;position:relative;overflow:hidden;box-shadow:0 24px 60px #442c0e14}.home-story-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 78% 24%,#ffd66647,#0000 24%),radial-gradient(circle at 88% 82%,#ff977338,#0000 19%);position:absolute;inset:0}.home-story-copy{z-index:1;flex-direction:column;gap:18px;max-width:min(54%,640px);display:flex;position:relative}.home-icon-kicker{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;background:#ffffffd1;border:1px solid #1b5e201f;border-radius:999px;align-items:center;gap:10px;width:max-content;padding:10px 16px;font-size:.8rem;font-weight:800;display:inline-flex}.home-icon-kicker span{background:linear-gradient(135deg,var(--primary) 0%, var(--accent) 100%);color:#fff;letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.76rem;display:inline-flex}.home-story-kicker{width:max-content}.home-story-title{max-width:11ch}.home-story-lead{color:var(--text-body);margin:0;font-size:1.05rem;line-height:1.9}.home-story-list{gap:14px;margin-top:8px;display:grid}.home-story-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #a57e4224;border-radius:22px;grid-template-columns:18px minmax(0,1fr);gap:14px;padding:16px 18px;display:grid;box-shadow:0 18px 32px #a4814c14}.home-story-bullet{border-radius:4px;width:12px;height:12px;margin-top:6px;box-shadow:0 0 0 5px #f0176b14}.home-story-bullet span{background:linear-gradient(135deg,var(--primary) 0%, var(--accent) 100%);border-radius:4px;width:100%;height:100%;display:block}.home-story-item h3{font-family:var(--font-heading);color:var(--secondary);margin:0 0 6px;font-size:1.06rem}.home-story-item p{color:var(--text-body);margin:0;line-height:1.75}.about-story-panel{background:linear-gradient(135deg,#fffdfa 0%,#fff7ea 54%,#fff1db 100%);grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:stretch;gap:0;min-height:520px;margin-bottom:18px;padding:0;display:grid}.about-story-copy{justify-content:center;gap:14px;max-width:none;padding:44px 42px}.about-story-panel .home-story-title{max-width:none;font-size:2.2rem;line-height:1.04}.about-story-panel .home-story-lead{max-width:34ch;font-size:.95rem;line-height:1.62}.about-story-panel .home-story-list{gap:8px}.about-story-panel .home-story-item{border-radius:16px;padding:10px 12px}.about-story-panel .home-story-item p{font-size:.93rem;line-height:1.58}.about-story-visual{background-position:100%;background-repeat:no-repeat;background-size:cover;min-height:100%;position:relative}.about-story-visual:before{content:"";background:radial-gradient(circle at 18% 22%,#ffffff38,#0000 28%),linear-gradient(270deg,#fff9ef0f 0%,#fff9ef24 18%,#fff9ef00 48%);position:absolute;inset:0}.about-teachers-empty{background:#f9fbf7;border:1px solid #1b5e2014;border-radius:22px;padding:18px 20px}.teacher-expanded-panel{opacity:0;transform-origin:top;max-height:0;transition:max-height .7s,opacity .38s,transform .5s,margin-top .35s;overflow:hidden;transform:translateY(-20px)scale(.98)}.teacher-expanded-panel.open{opacity:1;max-height:1800px;margin-top:22px;transform:translateY(0)scale(1)}.teacher-grid-expanded{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:10px 0 2px}.teacher-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.teacher-card{background:var(--bg-cream);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-card);overflow:hidden}.teacher-card-media{background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;justify-content:center;align-items:center;height:220px;font-size:2.4rem;font-weight:700;display:flex}.teacher-card-media img{object-fit:cover;width:100%;height:100%;display:block}.teacher-card-copy{padding:18px}.teacher-card-copy h4{font-family:var(--font-heading);color:var(--secondary);margin:0 0 8px;font-size:1.15rem}.teacher-card-role{color:var(--primary);margin:0 0 10px;font-weight:700}.teacher-card-copy p{color:var(--text-body);margin:0;line-height:1.65}.content-cards-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.content-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);padding:32px;transition:transform .3s,box-shadow .3s}.content-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-6px)}.content-card h3{font-family:var(--font-heading);color:var(--secondary);margin:0 0 12px;font-size:1.25rem}.content-card p{color:var(--text-body);margin:0;line-height:1.7}.categories-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;display:grid}.home-categories-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-card-melody{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-light);padding:0;transition:transform .3s,box-shadow .3s;overflow:hidden}.home-card-melody{box-shadow:var(--shadow-soft);border-radius:28px}.category-card-melody:hover{box-shadow:var(--shadow-medium);transform:translateY(-6px)}.category-card-media,.category-card-placeholder{width:100%;height:190px;display:block}.category-card-media{object-fit:cover}.category-card-placeholder{background:linear-gradient(135deg,#f0176b29,#1b5e2029);justify-content:center;align-items:center;display:flex}.category-card-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:1.5rem;font-weight:700;display:flex}.category-card-content{padding:28px 24px 30px}.category-card-melody h3{font-family:var(--font-heading);color:var(--secondary);margin:0 0 8px;font-size:1.15rem}.category-card-melody p{color:var(--text-body);margin:0;font-size:.92rem;line-height:1.6}.news-cards-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:28px;display:grid}.home-news-grid{margin-bottom:0}.news-card-melody{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-light);color:inherit;padding:0;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden}.news-card-melody:hover{box-shadow:var(--shadow-medium);transform:translateY(-6px)}.news-card-thumb,.news-card-placeholder{width:100%;height:190px;display:block}.news-card-thumb{object-fit:cover}.news-card-placeholder{color:var(--secondary);font-family:var(--font-heading);background:linear-gradient(135deg,#1b5e2029,#f0176b29);justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.news-card-melody h3{font-family:var(--font-heading);color:var(--secondary);margin:0 0 10px;font-size:1.15rem}.news-card-melody p{color:var(--text-body);margin:0 0 12px;font-size:.92rem;line-height:1.6}.news-card-meta{color:var(--text-light);font-size:.82rem}.btn-view-all{background:var(--primary);color:#fff;letter-spacing:0;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .3s,transform .25s;display:inline-block}.btn-view-all:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-view-all-light{background:var(--secondary)}.btn-view-all-light:hover{background:var(--secondary-light)}.training-home-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:28px;display:grid}.training-home-heading{max-width:100%;font-size:clamp(1.95rem,3vw,2.5rem);line-height:1.08}@media (width>=1200px){.training-home-heading{white-space:nowrap}}.store-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.store-card{color:inherit;border:1px solid var(--border-light);box-shadow:var(--shadow-soft);background:#fff;border-radius:28px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden}.store-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-6px)}.store-card-image,.store-card-placeholder{width:100%;height:220px;display:block}.store-card-image{object-fit:cover}.store-card-placeholder{color:var(--secondary);font-family:var(--font-heading);background:linear-gradient(135deg,#1b5e2024,#f0176b2e);justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.store-card-body{padding:24px}.store-card-body h3{color:var(--secondary);font-family:var(--font-heading);margin:0 0 10px;font-size:1.2rem}.store-card-body p{color:var(--text-body);margin:0;line-height:1.7}.store-hero-card{color:#fff;box-shadow:var(--shadow-medium);background:linear-gradient(135deg,#1b5e20 0%,#46a760 100%);border-radius:34px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:34px;display:grid}.store-hero-card .section-kicker{color:#fff;background:#ffffff24;border-color:#fff6}.store-hero-card h3{font-family:var(--font-heading);color:#fff;margin:14px 0 12px;font-size:2rem}.store-hero-card p{color:#ffffffe0;max-width:700px;margin:0;line-height:1.8}.store-hero-card .btn-hero{white-space:nowrap;color:var(--secondary);background:#fff;border-color:#fff}.store-hero-card .btn-hero:hover{background:#f5fff5;border-color:#f5fff5}.home-empty-state{border:1px solid var(--border-light);box-shadow:var(--shadow-soft);background:#fff;border-radius:28px;padding:26px 28px}.social-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.social-link{border-radius:var(--radius-sm);color:#fff;border:1px solid #ffffff4d;padding:14px 28px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.social-link:hover{background:var(--primary);border-color:var(--primary)}.articles-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.article-card-melody{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:transform .3s,box-shadow .3s;overflow:hidden}.article-card-melody:hover{box-shadow:var(--shadow-medium);transform:translateY(-6px)}.article-card-img{object-fit:cover;width:100%;height:200px;display:block}.article-card-body{padding:24px}.article-card-body h4{font-family:var(--font-heading);color:var(--secondary);margin:0 0 10px;font-size:1.15rem}.article-card-body p{color:var(--text-body);margin:0 0 10px;font-size:.92rem;line-height:1.6}.article-card-meta{color:var(--text-light);font-size:.82rem}.news-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;display:grid}.news-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--border-light);color:inherit;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.news-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-6px)}.news-card-image{object-fit:cover;width:100%;height:210px}.news-card-body{padding:24px}.news-card-body h3{font-family:var(--font-heading);color:var(--secondary);margin:0 0 10px;font-size:1.2rem}.news-card-body p{color:var(--text-body);font-size:.92rem;line-height:1.6}.news-detail-container{max-width:800px}.news-detail-cover{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:420px;margin:20px 0}.news-detail-title{font-family:var(--font-heading);color:var(--secondary);margin:0 0 8px;font-size:2rem}.news-detail-excerpt{color:var(--text-body);border-left:3px solid var(--primary);margin:20px 0;padding-left:16px;font-size:1.1rem;font-style:italic}.news-detail-content{color:var(--text-dark);margin-top:20px;line-height:1.85}.public-news-shell{flex-direction:column;gap:26px;display:flex}.public-news-hero-panel{margin-bottom:0}.public-page-banner{padding:10px 0 4px}.public-page-banner .section-kicker{margin-bottom:6px;display:block}.public-page-banner .public-page-title{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:2rem}.public-news-feature-card{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e2014;border-radius:34px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:0;display:grid;overflow:hidden}.public-news-feature-image{object-fit:cover;width:100%;height:100%;min-height:320px;display:block}.public-news-feature-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:30px;display:flex}.public-news-feature-copy h3{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:2rem}.public-news-feature-copy p{color:var(--text-body);margin:0;line-height:1.85}.public-news-feature-link{margin-top:8px}.public-news-grid{margin-top:0}.public-news-detail-shell{max-width:980px}.public-news-detail-card{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e2014;border-radius:34px;padding:30px}.public-news-detail-head{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.back-link{color:var(--primary);font-size:.92rem;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.article-meta{color:var(--text-light);margin-top:10px;font-size:.85rem}.section-content{color:var(--text-body);font-size:1.05rem;line-height:1.8}.public-page-shell{background:linear-gradient(#f8fbf5 0%,#fff 18%,#f3f8ef 100%);padding-top:34px;padding-bottom:88px}.public-page-hero-panel{box-shadow:var(--shadow-medium);background:linear-gradient(135deg,#fffdf8 0%,#eef7e8 54%,#fff 100%);border:1px solid #1b5e201a;border-radius:36px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:24px;margin-bottom:28px;padding:34px;display:grid}.public-page-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;display:flex}.public-page-title{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.04}.public-page-lead{max-width:720px;color:var(--text-body);margin:0;font-size:1.06rem;line-height:1.85}.public-page-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.public-page-secondary-action{color:var(--secondary);background:#fff;border:1px solid #1b5e2024;border-radius:999px;justify-content:center;align-items:center;padding:14px 20px;font-weight:700;text-decoration:none;display:inline-flex}.public-page-secondary-action:hover{border-color:var(--primary);color:var(--primary)}.public-page-side-grid{grid-template-columns:1fr;gap:14px;display:grid}.public-page-side-card{box-shadow:var(--shadow-soft);background:#ffffffdb;border:1px solid #1b5e201a;border-radius:26px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.public-page-side-card strong{color:var(--secondary);font-family:var(--font-heading);font-size:1.45rem}.public-page-side-card p{color:var(--text-body);margin:0;font-size:.92rem;line-height:1.7}.public-page-side-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-light);font-size:.75rem;font-weight:800}.public-page-side-card-accent{background:linear-gradient(135deg,#1b5e20 0%,#3f9b55 100%);border-color:#0000}.public-page-side-card-accent .public-page-side-label,.public-page-side-card-accent strong,.public-page-side-card-accent p{color:#fff}.public-page-sections{flex-direction:column;gap:22px;display:flex}.public-page-feature-card{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e201a;border-radius:34px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;padding:30px;display:grid}.public-page-feature-copy{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.public-page-feature-copy h3{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:2rem}.public-page-feature-copy p{color:var(--text-body);margin:0;font-size:1rem;line-height:1.9}.public-page-feature-aside{display:flex}.public-page-quote-card{background:linear-gradient(135deg,#fff4d9 0%,#fffdf6 100%);border:1px solid #9a67001f;border-radius:28px;flex-direction:column;gap:10px;width:100%;padding:22px;display:flex}.public-page-quote-card strong{font-family:var(--font-heading);color:#7d5b00;font-size:1.5rem}.public-page-quote-card p{color:#6f5f34;margin:0;line-height:1.8}.public-page-section-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.public-page-section-card{min-height:100%;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1b5e2014;border-radius:28px;flex-direction:column;gap:12px;padding:24px;display:flex}.public-page-story-card{box-shadow:var(--shadow-card);background:linear-gradient(#fff 0%,#f8fbf5 100%);border:1px solid #1b5e2014;border-radius:32px;flex-direction:column;gap:18px;padding:28px;display:flex}.public-page-story-item{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:16px;padding:18px 0;display:grid}.public-page-story-item+.public-page-story-item{border-top:1px solid #1b5e2014}.public-page-story-copy{flex-direction:column;gap:10px;display:flex}.public-page-story-copy h4{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.45rem}.public-page-story-copy p{color:var(--text-body);margin:0;line-height:1.85}.public-page-card-index{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-size:.78rem;font-weight:800}.public-page-section-card h4{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.35rem}.public-page-section-card p{color:var(--text-body);margin:0;line-height:1.8}.public-related-shell{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e2014;border-radius:34px;margin-top:26px;padding:30px}.public-related-head{text-align:left;margin-bottom:18px}.public-related-head .section-kicker,.public-related-head .subsection-heading{margin-bottom:10px}.public-related-lead{max-width:760px;margin:0}.public-article-card{height:100%}.about-two-col{grid-template-columns:6fr 4fr;align-items:start;gap:24px;display:grid}.about-two-col-main{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e201a;border-radius:28px;flex-direction:column;gap:14px;padding:32px;display:flex}.about-two-col-main h3{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:2rem}.about-two-col-main p{color:var(--text-body);margin:0;font-size:1rem;line-height:1.9}.about-two-col-aside{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fff6ec 0%,#fffaf4 100%);border:1px solid #9a670026;border-radius:28px;flex-direction:column;gap:12px;padding:28px;display:flex}.about-two-col-aside h4{font-family:var(--font-heading);color:#7d5b00;margin:0;font-size:1.3rem}.about-two-col-aside p{color:#6f5f34;margin:0;font-size:.97rem;line-height:1.85}@media (width<=768px){.about-two-col{grid-template-columns:1fr}}.footer-branch-marquee{border-top:1px solid #1b5e201f;border-bottom:1px solid #1b5e2014;margin-top:18px;padding:10px 0;overflow:hidden}.footer-branch-track{align-items:stretch;gap:14px;min-width:max-content;animation:34s linear infinite footerBranchScroll;display:flex}.footer-branch-marquee:hover .footer-branch-track{animation-play-state:paused}.footer-branch-pill{min-width:320px;box-shadow:var(--shadow-soft);color:var(--secondary);background:#ffffffdb;border:1px solid #1b5e2014;border-radius:999px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.footer-branch-pill strong{font-family:var(--font-heading);white-space:nowrap;font-size:.96rem}.footer-branch-pill span{min-width:0;color:var(--text-body);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.84rem;line-height:1.5;overflow:hidden}.footer-branch-pill em{letter-spacing:.04em;color:var(--primary);white-space:nowrap;font-size:.82rem;font-style:normal;font-weight:800}@keyframes footerBranchScroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 7px))}}.upload-requirements{color:#888;margin-top:3px;padding:2px 4px;font-size:.78rem}.media-field-hint{color:var(--text-light);margin:5px 0 10px;font-size:.82rem;line-height:1.5}.about-pro .public-page-hero-panel{background:linear-gradient(135deg,#fff6ec 0%,#fff 50%,#eef7e8 100%)}.about-pro .public-page-side-card-accent{background:linear-gradient(135deg,#9a6700 0%,#db9d24 100%)}.about-pro .public-page-quote-card{background:linear-gradient(135deg,#fff1dc 0%,#fffaf1 100%)}.training-pro .public-page-hero-panel{background:linear-gradient(135deg,#eef9f2 0%,#fff 48%,#e7f0ff 100%)}.training-pro .public-page-title,.training-pro .public-page-feature-copy h3{color:#165a3e}.training-pro .public-page-side-card-accent{background:linear-gradient(135deg,#165a3e 0%,#3da86c 100%)}.store-pro .public-page-hero-panel{background:linear-gradient(135deg,#fff9ef 0%,#fff 52%,#f6f1e2 100%)}.store-pro .public-page-side-card-accent{background:linear-gradient(135deg,#7d5b00 0%,#c99618 100%)}.store-pro .public-related-shell{background:linear-gradient(#fff 0%,#fffaf0 100%)}.community-pro .public-page-hero-panel{background:linear-gradient(135deg,#eef7ff 0%,#fff 52%,#eef9f2 100%)}.community-pro .public-page-side-card-accent{background:linear-gradient(135deg,#245f9e 0%,#39a9a4 100%)}.community-pro .public-page-card-index{color:#245f9e}.member-pro .public-page-hero-panel{background:linear-gradient(135deg,#fff4f6 0%,#fff 52%,#f4f9ef 100%)}.member-pro .public-page-side-card-accent{background:linear-gradient(135deg,#b23759 0%,#de6d66 100%)}.member-pro .public-page-secondary-action{color:#93405d;border-color:#b237592e}.contact-pro .public-page-hero-panel{background:linear-gradient(135deg,#eef8f1 0%,#fff 52%,#f7f2e8 100%)}.contact-pro .public-page-side-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-pro .public-page-side-card:last-child{grid-column:1/-1}.contact-pro .public-page-side-card-accent{background:linear-gradient(135deg,#1b5e20 0%,#8d6a1d 100%)}.contact-pro .public-page-feature-card{background:linear-gradient(135deg,#fff 0%,#f8fbf5 100%)}.contact-feature-card{align-items:stretch;padding:18px}.contact-hero-strip{grid-template-columns:minmax(220px,1.02fr) minmax(132px,.68fr) minmax(220px,1.22fr) minmax(164px,.9fr) minmax(212px,1.08fr) minmax(146px,.76fr);align-items:stretch;gap:8px;width:100%;display:grid}.contact-hero-card{min-height:92px;box-shadow:var(--shadow-soft);background:#fffffffa;border:1px solid #1b5e2014;border-radius:20px;flex-direction:column;justify-content:space-between;gap:6px;padding:12px 12px 10px;display:flex}.contact-hero-intro-card{background:linear-gradient(135deg,#fff 0%,#f3f8ef 100%);min-width:0}.contact-hero-intro-card h3{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.42rem;line-height:1.02}.contact-hero-intro-card p{color:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.42;display:-webkit-box;overflow:hidden}.contact-hero-card-compact{min-width:0}.contact-hero-link-card{text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.contact-hero-link-card:hover{box-shadow:var(--shadow-card);border-color:#1b5e2029;transform:translateY(-2px)}.contact-hero-card-value{font-family:var(--font-heading);color:var(--secondary);word-break:break-word;font-size:.88rem;line-height:1.28;text-decoration:none}.contact-hero-card-nowrap .contact-hero-card-value{white-space:nowrap;text-overflow:ellipsis;word-break:normal;overflow:hidden}.contact-hero-card-two-lines .contact-hero-card-value{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.contact-hero-card-phone{justify-content:center;gap:4px;min-height:78px;padding-top:10px;padding-bottom:10px}.contact-hero-card-phone .contact-hero-card-value{font-size:.84rem;line-height:1.12}.contact-hero-card-email .contact-hero-card-value{font-family:var(--font-body);letter-spacing:-.01em;text-overflow:clip;font-size:.76rem;font-weight:800;line-height:1.18}.contact-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.contact-hero-facts-inline{grid-column:1/-1}.contact-quick-phone-row{flex-direction:column;gap:10px;margin-top:16px;display:flex}.contact-quick-phone-list{flex-wrap:wrap;gap:10px;display:flex}.contact-quick-phone-pill{color:var(--secondary);background:#1b5e2014;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:.87rem;font-weight:700;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.contact-quick-phone-pill:hover{color:var(--primary);background:#1b5e2024}.contact-highlight-stack{flex-direction:column;gap:8px;display:flex}.contact-highlight-link{font-family:var(--font-heading);color:var(--secondary);word-break:break-word;font-size:1.05rem;line-height:1.45;text-decoration:none}.contact-highlight-link:hover{color:var(--primary)}.contact-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px;display:grid}.contact-panel-card,.contact-map-card{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e2014;border-radius:32px;flex-direction:column;gap:16px;height:100%;padding:28px;display:flex}.contact-info-card-spotlight{background:linear-gradient(135deg,#fff8ec 0%,#fffef8 100%);border-color:#9a67002e;box-shadow:0 18px 46px #9a670014}.contact-info-card-spotlight .section-kicker{color:#8f6500}.contact-info-card-spotlight h4{color:#6f4f00}.contact-info-card-spotlight p{color:#6e6039}.contact-panel-card h4,.contact-map-head h4{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.55rem}.contact-panel-card p,.contact-map-head p{color:var(--text-body);margin:0;line-height:1.8}.contact-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.contact-fact-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #9a67001f;border-radius:20px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.contact-fact-card strong{font-family:var(--font-heading);color:#7d5b00;font-size:1.35rem}.contact-fact-card span{color:#6e6039;font-size:.8rem;line-height:1.45}.contact-fact-card-compact{justify-content:center;min-height:100%}.contact-branches-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px;display:grid}.contact-branch-toggle-row{justify-content:flex-start;margin-top:4px;display:flex}.contact-branch-toggle{color:#244428;font-family:var(--font-body);cursor:pointer;background:#f4f8f2;border:1px solid #1b5e201a;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:.94rem;font-weight:700;transition:background .18s,color .18s,transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 18px #1b5e200d}.contact-branch-toggle:hover{color:#1b5e20;background:#eaf3e8;border-color:#1b5e202e;transform:translateY(-1px);box-shadow:0 12px 22px #1b5e2014}.contact-branch-card{background:#f8fbf7;border:1px solid #1b5e2014;border-radius:24px;flex-direction:column;gap:8px;min-height:100%;padding:18px;display:flex}.contact-branch-card.active{background:#fffdfd;border-color:#f0176b3d;box-shadow:0 20px 36px #f0176b14}.contact-branch-card-button{text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:0;display:flex}.contact-branch-card h4{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.2rem}.contact-branch-card p{color:var(--text-body);margin:0;font-size:.95rem}.contact-branch-card a{color:var(--secondary);text-decoration:none}.contact-branch-card a:hover{color:var(--primary)}.contact-social-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:12px;margin-top:16px;display:grid}.contact-social-link{color:var(--secondary);background:#f8fbf7;border:1px solid #1b5e2014;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.contact-social-link:hover{box-shadow:var(--shadow-soft);border-color:#1b5e202e;transform:translateY(-2px)}.contact-social-link strong{font-size:1rem;font-family:var(--font-heading);color:var(--secondary)}.contact-social-link span{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);font-size:.82rem;font-weight:700}.contact-social-link-icon{justify-content:flex-start;gap:14px}.contact-social-link-icon strong{flex:1}.contact-social-link-icon-only{aspect-ratio:1;justify-content:center;padding:16px}.contact-social-link-icon-only .contact-social-icon{margin:0}.contact-social-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:900;display:inline-flex}.contact-social-icon-facebook{background:#1877f2}.contact-social-icon-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.contact-social-icon-tiktok{background:#111}.contact-social-icon-youtube{background:red}.contact-social-icon-zalo{background:#0a7cff}.contact-action-list{gap:18px;margin-top:10px;display:grid}.contact-action-group{flex-direction:column;gap:10px;display:flex}.contact-action-group strong{font-family:var(--font-heading);color:var(--secondary);font-size:1rem}.contact-action-pills{flex-wrap:wrap;gap:10px;display:flex}.contact-phone-inline-list{flex-wrap:nowrap;align-items:center;gap:12px;padding-bottom:2px;display:flex;overflow-x:auto}.contact-phone-inline-link{color:#5d4507;font-family:var(--font-body);white-space:nowrap;flex:none;font-size:.88rem;font-weight:700;text-decoration:none}.contact-phone-inline-link:hover{color:#8f6500}.contact-action-pill{box-shadow:var(--shadow-soft);color:#5d4507;font-family:var(--font-body);background:#fff;border:1px solid #9a67002e;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,color .18s,border-color .18s,background .18s;display:inline-flex}.contact-action-pill:hover{box-shadow:var(--shadow-card);color:#8f6500;background:#fffdf7;border-color:#db9d24;transform:translateY(-1px)}.contact-detail-stack{flex-direction:column;gap:14px;margin-top:14px;display:flex}.contact-detail-item{background:#f8fbf7;border:1px solid #1b5e2014;border-radius:22px;padding:18px}.contact-detail-item h4{font-family:var(--font-heading);color:var(--secondary);margin:0 0 8px;font-size:1.15rem}.contact-detail-item p{color:var(--text-body);margin:0;line-height:1.8}.contact-map-head{flex-direction:column;gap:10px;display:flex}.contact-map-actions{flex-wrap:wrap;gap:10px;margin:4px 0 18px;display:flex}.contact-map-card .contact-map-frame{margin-top:auto}.contact-map-frame{background:#edf4ea;border:1px solid #1b5e2014;border-radius:26px;min-height:420px;overflow:hidden}.contact-map-frame iframe{border:0;width:100%;height:100%;min-height:420px}.contact-map-link-pill{color:#8f1346;background:#f0176b14}.contact-map-link-pill:hover{color:#b60f55;background:#f0176b24}@media (width<=1240px){.contact-hero-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-hero-intro-card{grid-column:span 3}}@media (width<=980px){.contact-hero-strip{grid-template-columns:1fr 1fr}.contact-hero-intro-card{grid-column:1/-1}}@media (width<=768px){.contact-hero-strip,.contact-modern-grid,.contact-hero-facts,.contact-fact-grid{grid-template-columns:1fr}.contact-quick-phone-list{flex-direction:column}.contact-quick-phone-pill{width:100%}.contact-phone-inline-list{flex-wrap:wrap}.contact-map-frame,.contact-map-frame iframe{min-height:320px}}.about-teachers-block{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e2014;border-radius:34px;margin-top:18px;padding:30px}.about-teachers-head{margin-bottom:20px}.about-teachers-head .section-kicker{margin-bottom:8px}.about-teachers-head .subsection-heading{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.7rem}.about-teachers-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.about-teacher-card{text-align:center;box-shadow:var(--shadow-soft);color:inherit;background:#f9fbf7;border:1px solid #1b5e2012;border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:24px 18px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex}.about-teacher-avatar{object-fit:cover;border:3px solid #1b5e2024;border-radius:50%;width:96px;height:96px}.about-teacher-avatar-placeholder{background:linear-gradient(135deg,var(--primary) 0%,#3da86c 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.about-teacher-avatar-placeholder span{color:#fff;font-size:2rem;font-weight:800;font-family:var(--font-heading)}.about-teacher-info{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.about-teacher-name{font-family:var(--font-heading);color:var(--secondary);font-size:1.15rem;font-weight:700}.about-teacher-role{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);font-size:.83rem;font-weight:600}.about-teacher-bio{color:var(--text-body);text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.about-teacher-link{color:var(--primary);margin-top:4px;font-size:.8rem;font-weight:800}@media (width<=600px){.about-teachers-grid{grid-template-columns:1fr}.about-teacher-card{text-align:left;flex-direction:row}.about-teacher-info{align-items:flex-start}}.training-hero-block{background:linear-gradient(135deg,#1b5e200f 0%,#3da86c1a 100%);border:1px solid #1b5e2014;border-radius:34px;margin-bottom:4px;padding:36px 30px}.training-hero-title{font-family:var(--font-heading);color:var(--secondary);margin:6px 0 10px;font-size:2rem;line-height:1.2}.training-hero-subtitle{color:var(--text-body);max-width:680px;margin:0;font-size:.98rem;line-height:1.7}.training-section-head{margin-bottom:20px}.training-section-head .section-kicker{margin-bottom:8px}.training-section-head .subsection-heading{font-family:var(--font-heading);color:var(--secondary);margin:0 0 8px;font-size:1.7rem}.training-section-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.65}.training-teachers-block,.training-courses-block{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e2014;border-radius:34px;margin-top:18px;padding:30px}.training-courses-head{margin-bottom:20px}.training-courses-head .section-kicker{margin-bottom:8px}.training-courses-head .subsection-heading{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.7rem}.training-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.training-course-card{box-shadow:var(--shadow-soft);background:#f9fbf7;border:1px solid #1b5e2012;border-radius:24px;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.training-course-img{object-fit:cover;width:100%;height:160px}.training-course-img-placeholder{background:linear-gradient(135deg,#1b5e200f 0%,#3da86c1f 100%);justify-content:center;align-items:center;width:100%;height:140px;display:flex}.training-course-img-placeholder svg{width:48px;height:48px;color:var(--primary);opacity:.5}.training-course-body{flex-direction:column;gap:8px;padding:18px;display:flex}.training-course-name{font-family:var(--font-heading);color:var(--secondary);font-size:1.08rem;font-weight:700}.training-course-level{letter-spacing:.07em;text-transform:uppercase;color:var(--primary);background:#1b5e2014;border-radius:20px;align-self:flex-start;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.training-course-desc{color:var(--text-body);margin:2px 0 0;font-size:.88rem;line-height:1.7}.training-course-desc p{margin:0 0 8px}.training-course-desc p:last-child{margin:0}.training-course-meta{border-top:1px solid #1b5e2012;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.training-course-duration{color:var(--text-muted);font-size:.82rem}.training-course-price{color:var(--primary);margin-left:auto;font-size:.95rem;font-weight:700}.training-empty{color:var(--text-muted);text-align:center;padding:18px 0;font-size:.95rem;font-style:italic}.training-type-head{border-bottom:2px solid var(--bg-cream);margin:28px 0 14px;padding-bottom:10px}.training-type-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:4px;font-size:.76rem;font-weight:800;display:block}.training-type-label{color:var(--secondary);margin:0 0 4px;font-size:1.12rem;font-weight:700}.training-type-desc{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.35}@media (width>=768px){.training-type-desc{white-space:nowrap}}.training-sample-note{color:var(--text-muted);background:var(--bg-cream);border-radius:var(--radius-sm);border:1px dashed var(--border-light);margin:10px 0 0;padding:5px 12px;font-size:.8rem;font-style:italic;display:inline-block}@media (width<=600px){.training-courses-grid{grid-template-columns:1fr}}.store-products-block{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e2014;border-top-width:3px;border-radius:34px;margin-top:18px;padding:30px}.store-products-block+.store-products-block{margin-top:14px}.store-products-head{margin-bottom:20px}.store-products-head .section-kicker{margin-bottom:8px}.store-products-head .subsection-heading{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.7rem}.store-cat-header{align-items:flex-start;gap:16px;display:flex}.store-cat-icon{background:#1b5e200f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-top:2px;display:flex}.store-products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch;gap:18px;display:grid}.store-product-card{height:100%;box-shadow:var(--shadow-soft);background:#f9fbf7;border:1px solid #1b5e2012;border-radius:24px;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.store-product-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.store-product-img{object-fit:cover;width:100%;height:180px}.store-product-img-placeholder{background:linear-gradient(135deg,#1b5e200f 0%,#3da86c1f 100%);justify-content:center;align-items:center;width:100%;height:180px;display:flex}.store-product-img-placeholder svg{width:48px;height:48px;color:var(--primary);opacity:.45}.store-product-body{--store-accent:var(--secondary);flex-direction:column;flex:1;gap:7px;padding:16px;display:flex}.store-product-category{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);opacity:.8;font-size:.72rem;font-weight:700}.store-product-name{font-family:var(--font-heading);color:var(--secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.store-product-description-shell{flex-direction:column;flex:1;align-items:stretch;display:flex}.store-product-desc{width:100%;color:var(--text-body);margin:2px 0 0;font-size:.85rem;line-height:1.65;transition:max-height .28s;position:relative;overflow:hidden}.store-product-desc.collapsed{-webkit-line-clamp:4;-webkit-box-orient:vertical;max-height:6.6em;display:-webkit-box}.store-product-desc.expanded{display:block}.store-product-desc.collapsed.is-toggleable:after{content:"";pointer-events:none;background:linear-gradient(#f9fbf700 0%,#f9fbf7e6 58%,#f9fbf7 100%);height:2.6em;position:absolute;bottom:0;left:0;right:0}.store-product-desc>:first-child{margin-top:0}.store-product-desc>:last-child{margin-bottom:0}.store-product-toggle{border:1px solid color-mix(in srgb,var(--store-accent) 18%, white);background:color-mix(in srgb,var(--store-accent) 6%, white);width:34px;height:34px;color:var(--store-accent);cursor:pointer;border-radius:999px;justify-content:center;align-self:flex-end;align-items:center;margin-top:12px;padding:0;transition:color .2s,transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 18px #1b5e2014}.store-product-toggle svg{width:16px;height:16px;transition:transform .2s}.store-product-toggle[aria-expanded=true] svg{transform:translateY(-1px)}.store-product-toggle:hover{color:#fff;background:var(--store-accent);border-color:var(--store-accent);box-shadow:0 10px 22px color-mix(in srgb,var(--store-accent) 28%, transparent);transform:translateY(-1px)scale(1.03)}.store-product-price{color:var(--primary);border-top:1px solid #1b5e2012;margin-top:auto;padding-top:10px;font-size:1.05rem;font-weight:800}@media (width<=600px){.store-products-grid{grid-template-columns:1fr}.store-product-card{border-radius:22px}.store-product-body{padding:15px}.store-product-name{min-height:auto}.store-product-desc.collapsed{-webkit-line-clamp:3;max-height:4.95em}.store-product-desc.collapsed.is-toggleable:after{height:2.2em}}:root{--surface:#fff;--surface-soft:#f5f8f3;--surface-tint:#edf5ea;--ink:#17391d;--muted:#68746a;--line:#1b5e201f;--shadow-soft:0 10px 30px #16471d12;--shadow-card:0 18px 48px #16471d17;--shadow-medium:0 28px 70px #16471d21}.melody-header{background:#ffffffeb;border-bottom:1px solid #1b5e2017;height:84px}.melody-header-inner{max-width:1240px;padding:0 28px}.melody-logo-img{height:58px}.scrolled .melody-logo-img{height:52px}.melody-nav{gap:20px}.melody-nav a{padding:10px 0;font-size:.94rem;font-weight:750;position:relative}.melody-nav a:hover,.melody-nav a.active{box-shadow:none}.melody-nav a:after{content:"";background:var(--primary);border-radius:2px;height:2px;transition:right .2s;position:absolute;bottom:2px;left:0;right:100%}.melody-nav a:hover:after,.melody-nav a.active:after{right:0}.melody-main{background:#fff}.melody-container{max-width:1200px}.melody-section{padding:72px 0}.page-banner{background:linear-gradient(110deg,#eef7ec 0%,#fbfcfa 62%,#fff3f7 100%);border-bottom:1px solid #1b5e2012;margin-top:84px;padding:34px 28px 30px}.page-banner-inner{max-width:1144px}.page-banner-title{letter-spacing:-.035em;font-size:2rem}.page-banner-breadcrumb{font-size:.84rem}.public-page-shell{background:linear-gradient(#fbfcfa 0%,#fff 30%,#f6f9f4 100%);padding:42px 0 88px}.public-page-sections,.public-news-shell{gap:30px}.section-kicker{letter-spacing:.2em;background:#fff6fa;border-width:1px;padding:5px 13px;font-size:.68rem}.section-heading,.subsection-heading{letter-spacing:-.035em}.public-page-hero-panel,.public-page-feature-card,.public-page-story-card,.public-page-section-card,.public-related-shell,.public-news-feature-card,.public-news-detail-card,.about-story-panel,.about-teachers-block,.training-hero-block,.training-courses-block,.contact-panel-card,.contact-map-card,.member-register-shell{border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:24px}.public-page-hero-panel,.public-page-feature-card,.public-page-story-card,.public-related-shell{padding:32px}.public-page-section-card{background:#fff;padding:24px}.public-page-section-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.public-page-title{letter-spacing:-.045em}.public-page-lead{color:var(--muted);line-height:1.75}.public-page-side-card{border-color:var(--line);box-shadow:none;border-radius:18px}.public-page-quote-card{border-radius:18px}.about-story-panel{border-radius:24px;overflow:hidden}.about-story-copy{padding:36px 34px}.about-story-visual{min-height:560px}.about-teachers-block{border-radius:24px;padding:28px}.about-teacher-card{border-color:var(--line);box-shadow:none;background:#fff;border-radius:18px}.about-teacher-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.news-card-melody,.news-card,.public-news-feature-card{border-color:var(--line);box-shadow:var(--shadow-soft);border-radius:20px}.news-card-melody:hover,.news-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.training-hero-block{background:linear-gradient(135deg,#edf6eb 0%,#fafcf9 100%);border-radius:24px;margin-bottom:12px;padding:34px 36px}.training-hero-title{letter-spacing:-.04em;font-size:2.25rem}.training-hero-subtitle{max-width:800px;color:var(--muted)}.training-section-wrap{margin-bottom:56px}.training-section-head{grid-template-columns:auto 1fr;align-items:center;column-gap:16px;margin-bottom:20px;display:grid}.training-section-head .section-kicker{grid-row:1/3;margin:0}.training-section-head .subsection-heading{margin:0;font-size:1.85rem}.training-section-desc{color:var(--muted);grid-column:2}.training-courses-block{border-radius:24px;padding:26px}.training-type-head{border-bottom:1px solid var(--line);margin:0 0 18px;padding:0 0 14px}.training-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.training-course-card{border-color:var(--line);box-shadow:none;background:#fff;border-radius:18px}.training-course-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.training-course-img,.training-course-img-placeholder{background:#f3f7f1;height:190px}.training-course-body{padding:18px 18px 16px}.training-course-name{font-size:1.08rem}.training-course-level{color:var(--secondary);background:#eff6ed}.training-course-card-sample{opacity:1;border-style:solid}.contact-pro .melody-container{max-width:1240px;padding:0 28px}.contact-feature-card{box-shadow:none;background:0 0;border:0;padding:0;display:block}.contact-hero-strip{grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:12px}.contact-hero-card{border-color:var(--line);min-height:108px;box-shadow:none;border-radius:18px;padding:18px}.contact-hero-card:last-child{display:none}.contact-hero-intro-card{background:var(--secondary);color:#fff}.contact-hero-intro-card h3,.contact-hero-intro-card p{color:#fff}.contact-modern-grid{gap:24px}.contact-panel-card,.contact-map-card{padding:30px}.contact-branch-card,.contact-fact-card,.contact-detail-item{box-shadow:none;border-radius:16px}.contact-map-frame{border-radius:18px}.melody-footer{border-top-color:var(--line);background:#f3f7f1}.footer-contact-card,.footer-social-panel,.footer-form-panel{border-color:var(--line);box-shadow:none;background:#ffffffc7;border-radius:20px;padding:24px}.admin-layout{background:#f2f5f1;min-height:100vh}.admin-sidebar{background:linear-gradient(#123f18 0%,#1a5b22 100%);width:276px;min-width:276px;box-shadow:8px 0 30px #0c301114}.manager-container,.admin-section{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:18px}.db2-stat-card{text-align:left;border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:16px;align-items:flex-start;padding:18px}@media (width<=1024px){.melody-header{height:72px}.melody-logo-img{height:46px}.page-banner{margin-top:72px}.training-courses-grid,.contact-hero-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-hero-intro-card{grid-column:1/-1}.admin-sidebar{width:100%;min-width:100%;box-shadow:none}}@media (width<=768px){:root{--header-h:64px}.melody-header{height:64px}.melody-header-inner{padding:0 18px}.page-banner{margin-top:64px;padding:24px 20px 22px}.melody-section{padding:52px 0}.public-page-shell{padding-top:28px}.public-page-hero-panel,.public-page-feature-card,.public-page-story-card,.public-related-shell{padding:22px}.about-story-copy{padding:26px 22px}.about-story-visual{min-height:300px}.training-hero-block{padding:26px 22px}.training-section-head{display:block}.training-section-head .section-kicker{margin-bottom:8px}.training-section-desc{margin-top:7px}.training-courses-block{padding:20px}.training-courses-grid{grid-template-columns:1fr}.contact-pro .melody-container{padding:0 18px}.contact-hero-strip,.contact-modern-grid{grid-template-columns:1fr}.contact-panel-card,.contact-map-card{padding:22px}.footer-shell{padding:42px 20px 22px}.admin-content{padding:16px}.manager-content{padding:18px}.db2-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.shop-catalog-section,.shop-detail-section{background:linear-gradient(#fff 0%,#f7faf5 100%);padding:64px 0 90px}.shop-detail-section{padding-top:calc(var(--header-h) + 38px)}.shop-intro{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.shop-intro>div:first-child{max-width:760px}.shop-intro h2,.shop-description-card h2,.shop-related h2{font-family:var(--font-heading);color:var(--secondary);margin:8px 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.shop-intro p{color:var(--text-body);margin:0;line-height:1.75}.shop-count{text-align:center;min-width:116px;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1b5e201a;border-radius:22px;padding:18px}.shop-count strong{font-family:var(--font-heading);color:var(--primary);font-size:2rem;display:block}.shop-count span{color:var(--text-light);font-size:.82rem}.shop-toolbar{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1b5e201a;border-radius:20px;gap:14px;margin-bottom:16px;padding:16px;display:flex}.shop-search{border:1px solid var(--border-light);background:#fafcf9;border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.shop-search>span{color:var(--primary);font-size:1.5rem}.shop-search input{width:100%;font:inherit;color:var(--text-dark);background:0 0;border:0;outline:0;padding:12px 0}.shop-sort{color:var(--text-light);align-items:center;gap:10px;font-size:.82rem;display:flex}.shop-sort select{border:1px solid var(--border-light);color:var(--secondary);font:inherit;background:#fff;border-radius:12px;padding:11px 34px 11px 12px;font-weight:700}.shop-category-tabs{scrollbar-width:none;gap:10px;padding:2px 2px 18px;display:flex;overflow-x:auto}.shop-category-tabs::-webkit-scrollbar{display:none}.shop-category-tabs button{white-space:nowrap;color:var(--secondary);font:inherit;cursor:pointer;background:#fff;border:1px solid #1b5e201f;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:.88rem;font-weight:700;display:flex}.shop-category-tabs button span{background:#eef5ec;border-radius:99px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;display:inline-flex}.shop-category-tabs button.active{border-color:var(--secondary);background:var(--secondary);color:#fff}.shop-category-tabs button.active span{background:#ffffff2e}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.shop-card{background:#fff;border:1px solid #1b5e201a;border-radius:22px;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 14px 35px #1b5e2012}.shop-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #1b5e2021}.shop-card-media{aspect-ratio:1;background:#fff;display:block;position:relative;overflow:hidden}.shop-card-image{object-fit:contain;width:100%;height:100%;padding:18px;transition:transform .35s}.shop-card:hover .shop-card-image{transform:scale(1.04)}.shop-card-badge{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;background:#fffffff0;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:800;position:absolute;top:14px;left:14px;box-shadow:0 7px 20px #00000017}.shop-featured-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:800;position:absolute;top:14px;right:14px;box-shadow:0 7px 20px #f0176b33}.shop-card-body{flex-direction:column;flex:1;padding:17px;display:flex}.shop-card-title{min-height:2.8em;color:var(--secondary);font-family:var(--font-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;line-height:1.38;text-decoration:none;display:-webkit-box;overflow:hidden}.shop-card-summary{color:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 15px;font-size:.84rem;line-height:1.55;display:-webkit-box;overflow:hidden}.shop-card-footer{border-top:1px solid #1b5e2014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.shop-card-price{color:var(--primary);font-size:1.02rem}.shop-card-link{color:var(--secondary);font-size:.78rem;font-weight:800;text-decoration:none}.shop-card-link:hover{color:var(--primary)}.shop-card-price-stack{flex-direction:column;gap:2px;display:flex}.shop-card-price-stack del,.shop-detail-price-row del{color:var(--text-light);font-size:.78rem;font-weight:600}.shop-detail-price-row{align-items:baseline;gap:14px;margin:24px 0 12px;display:flex}.shop-detail-price-row .shop-detail-price{margin:0}.shop-detail-price-row del{font-size:1rem}.shop-breadcrumb{color:var(--text-light);align-items:center;gap:9px;margin-bottom:24px;font-size:.84rem;display:flex;overflow:hidden}.shop-breadcrumb a{color:var(--secondary);font-weight:700;text-decoration:none}.shop-breadcrumb span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-detail-hero{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e201a;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:56px;padding:38px;display:grid}.shop-detail-image-shell{aspect-ratio:1;cursor:zoom-in;background:#f9fbf7;border:1px solid #1b5e2014;border-radius:22px;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.shop-detail-image-shell:disabled{cursor:default}.shop-detail-image-shell:focus-visible{outline-offset:3px;outline:3px solid #f0176b59}.shop-detail-image{object-fit:contain;width:100%;height:100%;padding:34px;transition:transform .25s}.shop-detail-image-shell:hover .shop-detail-image{transform:scale(1.025)}.shop-image-zoom-hint{color:#fff;pointer-events:none;background:#142316d1;border-radius:999px;padding:8px 11px;font-size:.76rem;font-weight:800;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 24px #00000029}.shop-detail-thumbs{gap:10px;padding:14px 1px 2px;display:flex;overflow-x:auto}.shop-detail-thumb{cursor:pointer;background:#fff;border:1px solid #1b5e2024;border-radius:12px;flex:none;width:82px;height:82px;overflow:hidden}.shop-detail-thumb.active{border:2px solid var(--primary)}.shop-detail-thumb-image{object-fit:contain;width:100%;height:100%;padding:6px}.shop-image-lightbox{z-index:5000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08110aeb;justify-content:center;align-items:center;padding:32px 92px;animation:.18s shop-lightbox-in;display:flex;position:fixed;inset:0}.shop-lightbox-stage{flex-direction:column;align-items:center;gap:10px;max-width:min(1120px,90vw);max-height:90vh;display:flex}.shop-lightbox-image{object-fit:contain;background:#fff;border-radius:14px;max-width:100%;max-height:calc(90vh - 34px);display:block;box-shadow:0 28px 80px #0000006b}.shop-lightbox-stage>span{color:#ffffffd1;font-size:.82rem;font-weight:700}.shop-lightbox-close,.shop-lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;position:absolute}.shop-lightbox-close:hover,.shop-lightbox-nav:hover{background:var(--primary);transform:scale(1.05)}.shop-lightbox-close{width:48px;height:48px;font-size:2rem;line-height:1;top:22px;right:24px}.shop-lightbox-nav{width:54px;height:54px;font-size:2.6rem;line-height:1;top:50%;transform:translateY(-50%)}.shop-lightbox-nav:hover{transform:translateY(-50%)scale(1.05)}.shop-lightbox-nav.previous{left:24px}.shop-lightbox-nav.next{right:24px}@keyframes shop-lightbox-in{0%{opacity:0}to{opacity:1}}.shop-detail-info{flex-direction:column;align-items:flex-start;display:flex}.shop-detail-category{color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;background:#eaf5e9;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:800}.shop-detail-info h1{color:var(--secondary);font-family:var(--font-heading);margin:14px 0 10px;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.07}.shop-detail-meta{color:var(--text-light);flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.shop-detail-price{color:var(--primary);margin:24px 0 12px;font-size:clamp(1.65rem,3vw,2.35rem);display:block}.shop-detail-lead{color:var(--text-body);margin:0;line-height:1.7}.shop-detail-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:24px 0;display:grid}.shop-buy-primary,.shop-buy-secondary{text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-flex}.shop-buy-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px #f0176b38}.shop-buy-secondary{border:1px solid var(--secondary);color:var(--secondary);background:#fff}.shop-trust-list{gap:12px;width:100%;display:grid}.shop-trust-list>div{background:#f7faf5;border-radius:14px;gap:12px;padding:12px;display:flex}.shop-trust-list>div>span{background:var(--secondary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-weight:800;display:flex}.shop-trust-list p{flex-direction:column;margin:0;display:flex}.shop-trust-list strong{color:var(--secondary);font-size:.88rem}.shop-trust-list small{color:var(--text-light);margin-top:2px;line-height:1.45}.shop-detail-content-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:28px;display:grid}.shop-description-card,.shop-support-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1b5e201a;border-radius:25px}.shop-description-card{padding:36px}.shop-description-card h2{font-size:2rem}.shop-rich-content{color:var(--text-body);line-height:1.8}.shop-rich-content p{margin:0 0 14px}.shop-rich-content ul,.shop-rich-content ol{padding-left:22px}.shop-rich-content table{border-collapse:collapse;width:100%}.shop-rich-content th,.shop-rich-content td{border:1px solid var(--border-light);text-align:left;padding:10px}.shop-support-card{color:#fff;background:linear-gradient(145deg,#1b5e20,#2e7d32);align-self:start;padding:28px}.shop-support-icon{font-size:2rem}.shop-support-card h3{font-family:var(--font-heading);margin:12px 0 8px;font-size:1.55rem}.shop-support-card p{color:#ffffffc7;line-height:1.65}.shop-support-card a{color:var(--secondary);background:#fff;border-radius:10px;margin-top:8px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.shop-related{margin-top:58px}.shop-related-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.shop-related-heading h2{margin-bottom:0;font-size:2.2rem}.shop-related-heading>a{color:var(--secondary);font-weight:800;text-decoration:none}@media (width<=1050px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-detail-hero{grid-template-columns:1fr 1fr;gap:30px;padding:28px}.shop-detail-content-grid{grid-template-columns:1fr 280px}}@media (width<=780px){.shop-catalog-section{padding:42px 0 64px}.shop-detail-section{padding:calc(var(--header-h) + 24px) 0 64px}.shop-intro{align-items:flex-start}.shop-count{display:none}.shop-toolbar{flex-direction:column}.shop-sort{justify-content:space-between}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shop-detail-hero{grid-template-columns:1fr;padding:18px}.shop-detail-content-grid{grid-template-columns:1fr}.shop-description-card{padding:24px}.shop-support-card{order:-1}.shop-detail-actions{grid-template-columns:1fr}.shop-image-lightbox{padding:70px 14px 24px}.shop-lightbox-close{top:14px;right:14px}.shop-lightbox-nav{width:46px;height:46px;top:auto;bottom:18px}.shop-lightbox-nav.previous{left:calc(50% - 60px)}.shop-lightbox-nav.next{right:calc(50% - 60px)}}@media (width<=520px){.shop-grid{grid-template-columns:1fr}.shop-card-media{aspect-ratio:4/3}.shop-card-title{min-height:auto}.shop-intro h2{font-size:2rem}.shop-related-heading{flex-direction:column;align-items:flex-start;gap:12px}.shop-detail-image{padding:18px}.shop-image-zoom-hint{bottom:10px;right:10px}}@media (width<=700px){.admin-catalog-toolbar{flex-direction:column;align-items:stretch;padding:12px 16px}.admin-search-field{width:100%;min-width:0;max-width:none}.admin-form-section{padding:15px}.admin-item-row{flex-wrap:wrap;align-items:flex-start}.admin-item-actions{justify-content:flex-end;width:100%}}.melody-footer{color:var(--text-dark);background:linear-gradient(#fffdf8 0%,#f2f7ee 100%);border-top:1px solid #1b5e2014}.footer-shell{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:30px;max-width:1280px;margin:0 auto;padding:54px 28px 28px;display:grid}.footer-info-panel{gap:22px;display:grid}.footer-brand{flex-direction:column;gap:18px;display:flex}.footer-brand-logo{max-width:160px;height:auto;display:block}.footer-brand-tag{max-width:520px;color:var(--text-body);margin:0;font-size:1rem;line-height:1.8}.footer-contact-card,.footer-social-panel,.footer-form-panel{box-shadow:var(--shadow-soft);background:#ffffffd1;border:1px solid #1b5e201a;border-radius:30px;padding:28px}.footer-contact-list{flex-direction:column;gap:8px;display:flex}.footer-contact-list p{color:var(--text-body);margin:0;line-height:1.7}.footer-contact-card h4,.footer-social-panel h4,.footer-form-panel h4{color:var(--secondary);font-family:var(--font-heading);margin:0 0 16px;font-size:1.5rem}.footer-link-list{flex-direction:column;gap:12px;display:flex}.footer-link-list-inline{flex-flow:wrap;gap:12px 18px;margin-top:18px}.footer-link-list a,.footer-contact-list a{color:var(--secondary);text-decoration:none;transition:color .2s}.footer-link-list a:hover,.footer-contact-list a:hover{color:var(--primary)}.footer-social{flex-wrap:wrap;gap:10px;display:flex}.footer-social a{color:var(--secondary);background:#fff;border:1px solid #1b5e201f;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.footer-social-icon{color:#fff;border-radius:999px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.footer-social-icon svg{width:18px;height:18px;display:block}.footer-social-link.is-facebook .footer-social-icon{background:#1877f2}.footer-social-link.is-instagram .footer-social-icon{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.footer-social-link.is-tiktok .footer-social-icon{background:#111827}.footer-social-link.is-youtube .footer-social-icon{background:red}.footer-social-link.is-zalo .footer-social-icon{background:#0068ff}.footer-social a:hover{background:var(--primary);border-color:var(--primary);color:#fff}.footer-social a:hover .footer-social-icon{background:#fff3}.footer-form-panel{flex-direction:column;gap:18px;display:flex}.footer-form-panel .section-kicker{align-self:flex-start;margin-bottom:0}.member-register-shell{flex-direction:column;align-items:stretch;gap:0;max-width:720px;margin:0 auto;display:flex}.member-tab-bar{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid #1b5e201f;border-bottom:none;gap:0;display:flex;overflow:hidden}.member-tab-btn{cursor:pointer;color:var(--text-muted);background:#fff9;border:none;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:1rem;font-weight:600;transition:background .2s,color .2s;display:flex}.member-tab-btn svg{flex-shrink:0;width:20px;height:20px}.member-tab-btn.active{color:var(--primary);background:#fff}.member-tab-btn:hover:not(.active){color:var(--secondary);background:#ffffffd9}.member-register-panel{border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffffeb;border:1px solid #1b5e201f;flex-direction:column;gap:20px;padding:40px;display:flex}.member-panel-single{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.member-register-panel h2{margin:0}.member-register-form{flex-direction:column;gap:14px;display:flex}@media (width<=768px){.member-register-shell{max-width:100%}.member-tab-btn{padding:14px 16px;font-size:.95rem}.member-register-panel{padding:28px 20px}}.footer-form-note{color:var(--text-body);margin:0;line-height:1.7}.footer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.footer-form-field{flex-direction:column;gap:8px;display:flex}.footer-form-field span{color:var(--secondary);font-size:.92rem;font-weight:700}.footer-form-field input,.footer-form-field textarea{width:100%;color:var(--text-dark);font:inherit;resize:vertical;background:#fff;border:1px solid #1b5e2024;border-radius:18px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.footer-form-field input:focus,.footer-form-field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #f0176b14}.footer-form-field input:disabled,.footer-form-field textarea:disabled{cursor:not-allowed;background:#f7f5ef}.footer-form-feedback{border-radius:18px;margin:0;padding:12px 14px;font-size:.92rem;line-height:1.6}.footer-form-feedback.success{color:var(--secondary);background:#2e7d321f;border:1px solid #2e7d322e}.footer-form-feedback.error{color:var(--primary-dark);background:#f0176b1a;border:1px solid #f0176b29}.footer-form-feedback.submitting{color:var(--secondary);background:#1b5e2014;border:1px solid #1b5e201f}.footer-form-submit{align-self:flex-start;padding-inline:30px}.footer-bottom{border-top:1px solid #1b5e2014;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:20px 28px 30px;display:flex}.footer-bottom p,.footer-bottom span{color:var(--text-light);margin:0;font-size:.9rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b5e2066;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-white);border-radius:var(--radius-lg);width:min(1120px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 60px #1b5e2033}.compact-modal{width:min(720px,100%)}.editor-modal{width:min(1180px,100%)}.modal-header,.modal-footer{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-footer{border-bottom:none;border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px}.modal-header h3{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.2rem}.modal-close{border-radius:var(--radius-sm);background:var(--bg-light);width:38px;height:38px;color:var(--text-body);cursor:pointer;border:none;font-size:1.4rem;transition:background .2s}.modal-close:hover{background:var(--border-light)}.modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.contact-popup-info p{margin:8px 0;font-size:.95rem}.contact-popup-info a{color:var(--primary);font-weight:600;text-decoration:none}.contact-popup-info a:hover{text-decoration:underline}.loading{text-align:center;color:var(--text-light);padding:40px;font-size:1rem}.empty-state{text-align:center;color:var(--text-light);padding:40px}.empty-state p{margin:0;font-size:1rem}.admin-login-block{background:radial-gradient(circle at 12% 12%,#f0176b17,#0000 30%),linear-gradient(135deg,#f5faf3 0%,#fff 48%,#fdf5f8 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.admin-login-container{background:var(--bg-white);border:1px solid #1b5e201a;border-radius:28px;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);width:100%;max-width:1040px;padding:0;animation:.55s fadeInUp;display:grid;overflow:hidden;box-shadow:0 28px 80px #1b5e2024}.admin-login-brand-panel{color:#fff;background:linear-gradient(145deg,#14531a 0%,#23752e 100%);flex-direction:column;align-items:flex-start;min-height:610px;padding:54px;display:flex;position:relative;overflow:hidden}.admin-login-brand-panel:after{content:"♫";color:#ffffff0f;font-size:18rem;line-height:1;position:absolute;bottom:-60px;right:-30px}.admin-login-brand-panel img{width:210px;height:auto;margin-bottom:54px}.admin-login-kicker{color:#ffd5e5;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:800}.admin-login-brand-panel h1{z-index:1;font-family:var(--font-heading);margin:0 0 18px;font-size:2.35rem;line-height:1.12;position:relative}.admin-login-brand-panel p{z-index:1;color:#ffffffc2;margin:0;line-height:1.75;position:relative}.admin-login-points{z-index:1;color:#ffffffe6;flex-direction:column;gap:10px;margin-top:28px;font-size:.88rem;font-weight:700;display:flex;position:relative}.admin-login-brand-panel>a{z-index:1;color:#fff;margin-top:auto;font-weight:800;text-decoration:none;position:relative}.admin-login-brand-panel>a:hover{text-decoration:underline}.admin-login-form-panel{flex-direction:column;justify-content:center;padding:64px 68px;display:flex}.admin-login-form-kicker{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px;font-size:.72rem;font-weight:800}.admin-login-title{font-family:var(--font-heading);color:var(--secondary);margin:0 0 10px;font-size:2.05rem;font-weight:800}.admin-login-lead{color:var(--text-light);margin:0 0 30px;line-height:1.6}.admin-login-form{flex-direction:column;gap:16px;width:100%;display:flex}.admin-login-input{text-align:left;width:100%;max-width:none;font-family:var(--font-body);border:1px solid var(--border-warm);color:var(--text-dark);background:#fff;border-radius:10px;outline:none;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.admin-login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f0176b1f}.admin-login-input-group{flex-direction:column;align-items:stretch;gap:7px;margin-bottom:2px;display:flex;position:relative}.admin-login-input-group>label{color:var(--secondary);font-size:.82rem;font-weight:800}.admin-login-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;padding:13px 0;font-size:1rem;font-weight:700;transition:background .3s}.admin-login-btn:hover{background:var(--primary-dark)}.admin-login-options{justify-content:flex-start;align-items:center;gap:12px;display:flex}.admin-remember-label{color:var(--text-body);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.admin-remember-label input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.admin-password-toggle-icon{width:36px;height:36px;color:var(--text-light);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex;position:absolute;bottom:7px;right:8px}.admin-password-toggle-icon:hover{color:var(--primary);background:#f0176b1a}.admin-password-toggle-icon svg{width:18px;height:18px}.admin-login-icons{align-items:center;gap:4px;margin-left:8px;display:flex}.admin-login-input-row{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;display:flex}.admin-login-error{border-radius:var(--radius-sm);color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:12px 14px;font-size:.92rem}.admin-login-security{color:var(--text-light);margin:22px 0 0;font-size:.75rem;line-height:1.55}.error-msg{color:#b91c1c;text-align:center;margin-top:8px;font-size:.95rem}.admin-showpass-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:1.1rem}@media (width<=860px){.admin-login-block{padding:18px}.admin-login-container{max-width:560px;padding:0;display:block}.admin-login-brand-panel{display:none}.admin-login-form-panel{padding:48px 42px}}@media (width<=520px){.admin-login-form-panel{padding:36px 24px}.admin-login-title{font-size:1.65rem}.admin-login-lead{margin-bottom:24px}}.admin-layout{background:var(--bg-light);min-height:calc(100vh - 100px);margin:0;display:flex}.sidebar-brand{background:linear-gradient(135deg,#0000002e 0%,#0000 100%);border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.sidebar-brand-logo{flex-shrink:0;width:40px;height:40px}.sidebar-brand-logo img{border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 5px 15px #00000029}.sidebar-brand-copy{flex-direction:column;gap:1px;display:flex}.sidebar-brand-name{color:#fff;font-family:var(--font-heading);letter-spacing:.01em;font-size:1.05rem;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:#ffffff8c;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600}.admin-sidebar{background:linear-gradient(#1b5e20 0%,#2e7d32 100%);flex-direction:column;flex-shrink:0;width:268px;min-width:268px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:24px 20px;display:flex}.sidebar-user-logout{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;transition:background .2s;display:inline-flex}.sidebar-user-logout svg{width:18px;height:18px}.sidebar-user-logout:hover{background:#f0176b4d}.admin-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:700;display:flex}.admin-info h4{color:#fff;margin:0 0 3px;font-size:1rem;font-weight:600}.admin-role{color:#ffffff80;text-transform:capitalize;font-size:.82rem}.admin-shell-kicker{letter-spacing:.16em;text-transform:uppercase;color:#ffffffa8;font-size:.72rem;font-weight:700}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0;height:0}.sidebar-group{flex-direction:column;gap:8px;display:flex}.sidebar-group+.sidebar-group{border-top:1px solid #ffffff14;margin-top:8px;padding-top:10px}.sidebar-group-toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0 10px;display:flex}.sidebar-group-title{color:#ffffff8a;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.sidebar-group-meta{color:#fff;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.sidebar-group-caret{color:#ffffffad;font-size:.9rem;transition:transform .2s}.sidebar-group-toggle:not(.open) .sidebar-group-caret{transform:rotate(-90deg)}.sidebar-group-list{opacity:0;flex-direction:column;gap:4px;max-height:0;transition:max-height .22s,opacity .18s,padding-top .18s;display:flex;overflow:hidden}.sidebar-group-list.open{opacity:1;max-height:480px;padding-top:4px}.nav-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 14px;transition:all .18s;display:flex}.nav-item:hover{background:#ffffff17;border-left-color:#ffffff4d}.nav-item.active{box-shadow:none;background:#ffffff24;border-left-color:#fff}.nav-item.active .nav-label{font-weight:700}.nav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.nav-icon svg{width:17px;height:17px}.nav-label{color:#fff;font-size:.88rem;font-weight:500}.managed-page-unavailable{flex-direction:column;align-items:center;gap:16px;display:flex}.admin-main{background:var(--bg-white);flex-direction:column;flex:1;min-width:0;display:flex;overflow:visible}.admin-header{border-bottom:1px solid var(--border-light);background:var(--bg-white);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-header-copy{flex-direction:column;gap:4px;display:flex}.admin-header h2{font-family:var(--font-heading);color:var(--secondary);margin:0;font-size:1.5rem;font-weight:700}.admin-header-note{color:var(--text-light);margin:0;font-size:.9rem}.header-actions{align-items:center;gap:14px;display:flex}.welcome-text{color:var(--text-body);font-size:.9rem}.welcome-text strong{color:var(--secondary)}.header-home-btn{color:var(--secondary);background:#f4fbf5;border:1px solid #1b5e201f;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.header-home-btn svg{width:16px;height:16px}.header-home-btn:hover{color:var(--primary);background:#e8f5e9;border-color:#1b5e2038}.header-logout-btn{border:1px solid var(--border-warm);cursor:pointer;border-radius:var(--radius-sm);width:40px;height:40px;color:var(--primary-dark);background:#fef5f8;justify-content:center;align-items:center;padding:0;transition:background .2s;display:inline-flex}.header-logout-btn:hover{background:#fce4ed}.header-logout-btn svg{width:18px;height:18px}.admin-content{background:var(--bg-light);flex:1;min-width:0;padding:24px;overflow-y:auto}.admin-content>*,.admin-header>*{max-width:1440px}.admin-header{z-index:20;position:sticky;top:0}.admin-sidebar{height:100vh;position:sticky;top:0}.admin-content>*{margin-left:auto;margin-right:auto}.manager-container{background:var(--bg-white);border:1px solid #1b5e201a;border-radius:20px;width:100%;min-width:0;overflow:visible;box-shadow:0 14px 38px #1b5e2012}.manager-header{color:var(--secondary);background:#fff;border-bottom:1px solid #1b5e201a;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.manager-header h3{font-family:var(--font-heading);margin:0;font-size:1.25rem;font-weight:600}.manager-header>div{flex-direction:column;gap:6px;display:flex}.item-count{color:var(--secondary);background:#edf6ec;border-radius:20px;align-self:flex-start;padding:5px 11px;font-size:.78rem;font-weight:700}.add-form{background:var(--bg-cream);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:20px;display:flex}.form-input,.form-textarea,.form-select{border:1px solid var(--border-warm);border-radius:var(--radius-sm);min-width:200px;font-family:var(--font-body);color:var(--text-dark);background:var(--bg-white);flex:1;padding:11px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #f0176b1a}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;min-width:150px}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;padding:11px 24px;font-size:.95rem;font-weight:700;transition:background .2s,transform .2s}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--bg-white);color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #dc2626;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-danger:hover:not(:disabled){color:#fff;background:#dc2626}.btn-danger:disabled{opacity:.4;cursor:not-allowed;color:#999;background:#f5f5f5;border-color:#ccc}.btn-edit{background:var(--bg-white);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-edit:hover:not(:disabled){background:var(--primary);color:#fff}.btn-secondary{background:var(--bg-white);color:var(--text-body);border:1px solid var(--border-warm);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--bg-light)}.btn-sm{padding:6px 12px;font-size:.8rem}.data-table{border-collapse:collapse;width:100%;min-width:500px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:13px 16px}.data-table th{background:var(--bg-cream);color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:700}.data-table tbody tr:hover{background:var(--bg-cream)}.content-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;color:var(--text-body);overflow:hidden}.content-cell img,.content-cell video{border-radius:var(--radius-sm);max-width:120px;display:block}.role-badge{border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-block}.role-badge.admin{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.role-badge.manager{color:#fff;background:linear-gradient(135deg,#1b5e20,#46a760)}.role-badge.user{background:var(--bg-light);color:var(--text-body)}.settings-form{flex-direction:column;gap:20px;display:flex}.form-row{gap:20px;display:flex}.form-row.full-width{flex-direction:column}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.form-group label{color:var(--text-dark);font-size:.88rem;font-weight:700}.form-actions{justify-content:flex-end;padding-top:12px;display:flex}.form-field{flex-direction:column;flex:1;gap:6px;display:flex}.form-label{color:var(--secondary);font-size:.88rem;font-weight:700}.form-label .required{color:var(--primary)}.form-hint{color:var(--text-light);margin:0;font-size:.82rem;line-height:1.5}.form-hint code{background:var(--bg-cream);border-radius:4px;padding:1px 5px;font-family:monospace}.form-status{border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;font-weight:600}.admin-form-block{background:var(--bg-cream);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-direction:column;gap:18px;padding:22px;display:flex}.admin-info-card{border-radius:var(--radius-md);background:#e8f5e9;border:1px solid #c8e6c9;padding:20px 24px}.admin-info-card h4{color:#1b5e20;font-family:var(--font-heading);margin:0 0 10px;font-size:1rem}.manager-subhead{color:var(--text-body);margin:4px 0 0;font-size:.9rem;line-height:1.6}.manager-subhead a{color:var(--primary);font-weight:600}.save-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;align-self:flex-start;margin-top:8px;padding:12px 28px;font-size:1rem;font-weight:700;transition:background .2s}.save-btn:hover{background:var(--primary-dark)}.settings-section{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:24px;padding:20px}.settings-section:last-of-type{border-bottom:none}.settings-section h4{font-family:var(--font-heading);color:var(--secondary);margin:0 0 16px;font-size:1.1rem;font-weight:600}.setting-row{flex-direction:column;gap:6px;display:flex}.setting-row label{color:var(--secondary);font-weight:700}.setting-row input,.setting-row textarea{border-radius:var(--radius-sm);border:1px solid var(--border-warm);font-family:var(--font-body);color:var(--text-dark);background:var(--bg-white);outline:none;padding:10px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.setting-row input:focus,.setting-row textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f0176b1a}.setting-row textarea{resize:vertical;min-height:80px}.home-index-form .form-group label{color:var(--text-dark);font-weight:700}.home-index-form .form-input,.home-index-form .form-textarea,.home-index-form .form-select{color:var(--text-dark);background:var(--bg-white);border-color:var(--border-warm)}.home-index-form .form-input::placeholder,.home-index-form .form-textarea::placeholder{color:var(--text-light)}.home-index-form .field-helper{color:var(--text-body)}.home-index-form .settings-section .upload-dropzone{background:var(--bg-cream);border-color:var(--border-warm)}.admin-home-map-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.admin-home-map-card{border:1px solid var(--border-light);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff 0%,#f5f8f0 100%);border-radius:24px;flex-direction:column;gap:8px;padding:18px;display:flex}.admin-home-map-card strong{color:var(--secondary);font-size:1rem}.admin-home-map-card span{color:var(--text-body);font-size:.9rem;line-height:1.65}.admin-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-block-card{height:100%;margin-bottom:0}.admin-block-card-wide{grid-column:1/-1}.admin-section-note{color:var(--text-body);margin:4px 0 0;font-size:.92rem;line-height:1.7}.admin-stack-row{align-items:flex-start}.admin-inline-toggle{justify-content:center;align-self:flex-end;min-height:48px}.admin-collection-list{flex-direction:column;gap:16px;margin-top:18px;display:flex}.admin-item-list{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);flex-direction:column;gap:0;display:flex;overflow:hidden}.admin-item-row{border-bottom:1px solid var(--border-light);align-items:center;gap:14px;padding:14px 16px;transition:background .15s;display:flex}.admin-item-row:last-child{border-bottom:none}.admin-item-row-config{cursor:default;background:var(--bg-light)}.admin-item-thumb{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:56px;height:56px}.admin-item-thumb-placeholder{background:var(--bg-light);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.admin-item-thumb-placeholder svg{opacity:.5;width:26px;height:26px}.admin-item-thumb-round{border-radius:50%}.admin-item-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.admin-item-title{color:var(--secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.97rem;font-weight:700;overflow:hidden}.admin-item-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-item-tag{background:var(--bg-light);color:var(--text-body);border:1px solid var(--border-light);border-radius:20px;padding:2px 8px;font-size:.76rem}.admin-item-desc{color:var(--text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.84rem;display:-webkit-box;overflow:hidden}.admin-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}:is(.admin-item-actions,.admin-simple-actions,.contact-detail-actions) :is(.btn-edit,.btn-danger,.btn-delete).btn-sm{border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:0;line-height:1;display:inline-flex}:is(.admin-item-actions,.admin-simple-actions,.contact-detail-actions) :is(.btn-edit,.btn-danger,.btn-delete).btn-sm:before,.admin-create-button:before{content:"";background:currentColor;width:18px;height:18px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:is(.admin-item-actions,.admin-simple-actions,.contact-detail-actions) .btn-edit.btn-sm:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z'/%3E%3C/svg%3E")}:is(.admin-item-actions,.admin-simple-actions,.contact-detail-actions) :is(.btn-danger,.btn-delete).btn-sm:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 6h18M8 6V4h8v2m-9 0 1 14h8l1-14M10 11v5m4-5v5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 6h18M8 6V4h8v2m-9 0 1 14h8l1-14M10 11v5m4-5v5'/%3E%3C/svg%3E")}.admin-create-button{border-radius:13px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:0;line-height:1;display:inline-flex}.admin-create-button:before{width:21px;height:21px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}.manager-tabs{border-bottom:1px solid var(--border-light);background:var(--bg-white);gap:0;margin-bottom:0;display:flex;overflow-x:auto}.manager-tab{cursor:pointer;color:var(--text-light);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:color .2s,border-color .2s;display:flex}.manager-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.manager-tab:hover:not(.active){color:var(--text-body)}.manager-tab-count{background:var(--bg-light);color:var(--text-muted);border-radius:20px;padding:1px 7px;font-size:.75rem}.manager-tab.active .manager-tab-count{color:var(--primary);background:#e8f5e9}.admin-catalog-toolbar{border-bottom:1px solid var(--border-light);color:var(--text-light);background:#fbfdfb;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;font-size:.82rem;display:flex}.admin-search-field{border:1px solid var(--border-light);background:#fff;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:320px;max-width:560px;padding:9px 12px;display:flex}.admin-search-field span{color:var(--primary);font-size:1.25rem}.admin-search-field input{width:100%;font:inherit;color:var(--text-dark);background:0 0;border:0;outline:0}.product-featured-tag,.product-stock-tag{border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.product-featured-tag{color:var(--primary);background:#fff0f6}.product-stock-tag.is-in_stock{color:#176b27;background:#e9f7eb}.product-stock-tag.is-preorder{color:#936b00;background:#fff6dc}.product-stock-tag.is-out_of_stock{color:#777;background:#f4f4f4}.admin-form-section{border:1px solid var(--border-light);background:#fcfdfb;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.admin-form-section-head{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding-bottom:14px;display:flex}.admin-form-section-head>span{background:var(--secondary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:800;display:flex}.admin-form-section-head>div{flex-direction:column;gap:2px;display:flex}.admin-form-section-head strong{color:var(--secondary)}.admin-form-section-head small,.form-help{color:var(--text-light);font-size:.78rem;line-height:1.45}.admin-checkbox-row{cursor:pointer;background:#f4f8f2;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.admin-checkbox-row input{width:18px;height:18px;accent-color:var(--primary);margin-top:2px}.admin-checkbox-row span{flex-direction:column;gap:2px;display:flex}.admin-checkbox-row strong{color:var(--secondary);font-size:.9rem}.admin-checkbox-row small{color:var(--text-light)}.product-gallery-input{min-height:110px;font-family:var(--font-body)}.admin-type-sections{flex-direction:column;gap:16px;display:flex}.admin-type-group{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.admin-type-group-head{background:var(--bg-cream);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.admin-type-group-head h4{color:var(--secondary);margin:0;font-size:.93rem}.empty-state-sm{color:var(--text-muted);text-align:center;padding:14px 16px;font-size:.86rem;font-style:italic}.global-fab{z-index:900;background:var(--primary);color:#fff;border-radius:40px;align-items:center;gap:8px;padding:13px 20px;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #1b5e2059}.global-fab:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 28px #1b5e2066}.global-fab svg{flex-shrink:0;width:20px;height:20px}.admin-home-fab{z-index:950;color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#1b5e20 0%,#2e7d32 100%);border-radius:999px;align-items:center;gap:10px;padding:14px 18px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;position:fixed;bottom:24px;right:26px;box-shadow:0 18px 40px #1b5e2038}.admin-home-fab:hover{color:#fff;transform:translateY(-2px);box-shadow:0 22px 44px #1b5e2047}.admin-home-fab svg{flex-shrink:0;width:18px;height:18px}.form-status{border-radius:var(--radius-sm);margin:0;padding:8px 12px;font-size:.9rem}.form-status.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.form-status.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.admin-collection-card{background:var(--bg-cream);border:1px solid var(--border-light);border-radius:22px;padding:18px}.admin-collection-cover{object-fit:cover;border-radius:18px;width:100%;height:210px;margin-bottom:16px;display:block}.admin-collection-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-collection-title{color:var(--secondary);font-size:1rem}.setup-step-list{color:var(--text-body);flex-direction:column;gap:8px;margin:10px 0 0;padding-left:18px;font-size:.92rem;line-height:1.65;display:flex}.setup-step-list li code{background:var(--bg-white);border-radius:4px;padding:1px 5px;font-family:monospace}.admin-form-actions-sticky{background:linear-gradient(#dff3de00,#dff3deeb 36%,#dff3de 100%);justify-content:flex-end;padding:16px 0 0;display:flex;position:sticky;bottom:0}.admin-summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.admin-summary-card{border:1px solid var(--border-light);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff 0%,#f5f8ef 100%);border-radius:24px;flex-direction:column;gap:8px;padding:18px;display:flex}.admin-summary-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700}.admin-summary-value{color:var(--secondary);font-size:1.8rem;font-weight:700}.admin-summary-value-text{font-size:1.06rem;line-height:1.4}.admin-summary-helper{color:var(--text-body);font-size:.9rem;line-height:1.6}.home-index-simple-layout{gap:18px}.home-index-section-list{flex-direction:column;gap:18px;display:flex}.home-index-media-stack{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.home-index-simple-fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.admin-simple-toolbar{margin-bottom:8px}.admin-simple-list{flex-direction:column;gap:12px;display:flex}.admin-simple-row{border:1px solid var(--border-light);background:var(--bg-cream);border-radius:20px;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.admin-simple-main{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-simple-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.contact-summary-strip{align-items:center;gap:8px;margin-bottom:14px;display:flex}.contact-summary-strip>span{border:1px solid var(--border-light);color:var(--text-light);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:.78rem;display:inline-flex}.contact-summary-strip strong{color:var(--secondary);font-size:.95rem}.contact-summary-strip .has-error{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.contact-summary-strip .has-error strong{color:#be123c}.contact-list{border:1px solid var(--border-light);box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;overflow:hidden}.contact-list-head,.contact-list-row{grid-template-columns:minmax(155px,1.05fr) minmax(210px,1.55fr) minmax(120px,.85fr) 80px 112px 68px;align-items:center;gap:14px;display:grid}.contact-list-head{color:var(--text-light);text-transform:uppercase;letter-spacing:.07em;background:#f4f8f1;padding:10px 16px;font-size:.69rem;font-weight:800}.contact-list-item{border-top:1px solid #1b5e2017}.contact-list-item:first-of-type{border-top:0}.contact-list-item.expanded{background:#fbfdf9}.contact-list-row{min-height:70px;padding:10px 16px}.contact-list-person{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-list-person strong{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.contact-list-person a{color:var(--primary);font-size:.79rem;font-weight:700;text-decoration:none}.contact-list-person a:hover{text-decoration:underline}.contact-list-message{color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.81rem;line-height:1.45;overflow:hidden}.contact-source-badge{color:var(--secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#edf5e9;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:700;display:block;overflow:hidden}.contact-email-badge{color:#4b5563;white-space:nowrap;background:#f3f4f6;border-radius:999px;justify-content:center;padding:6px 8px;font-size:.7rem;font-weight:800;display:inline-flex}.contact-email-badge.sent{color:#166534;background:#e8f5e9}.contact-email-badge.failed,.contact-email-badge.skipped{color:#9f1239;background:#fff1f2}.contact-email-badge.pending{color:#8a6100;background:#fff7db}.contact-list-row time{color:var(--text-light);font-size:.72rem;line-height:1.35}.contact-detail-toggle{color:var(--secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 5px;font-size:.73rem;font-weight:800}.contact-detail-toggle:hover{color:var(--primary)}.contact-list-detail{background:#f8fbf6;border-top:1px dashed #1b5e2024;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr) auto;gap:20px;padding:14px 16px 16px;display:grid}.contact-detail-message>span{color:var(--text-light);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:800}.contact-detail-message p{color:var(--text-body);white-space:pre-line;margin:5px 0 0;font-size:.82rem;line-height:1.55}.contact-list-detail dl{gap:6px;margin:0;display:grid}.contact-list-detail dl>div{grid-template-columns:55px 1fr;gap:8px;min-width:0;font-size:.74rem;display:grid}.contact-list-detail dt{color:var(--text-light);font-weight:700}.contact-list-detail dd{overflow-wrap:anywhere;color:var(--text-body);margin:0}.contact-detail-actions{justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}@media (width<=1180px){.contact-list-head,.contact-list-row{grid-template-columns:minmax(150px,1.2fr) minmax(110px,.85fr) 78px 108px 66px}.contact-list-head>span:nth-child(2),.contact-list-message{display:none}.contact-list-detail{grid-template-columns:1fr}.contact-detail-actions{justify-content:flex-start}}@media (width<=760px){.contact-summary-strip{flex-wrap:wrap}.contact-list-head{display:none}.contact-list-item{padding:0 12px}.contact-list-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px 0}.contact-list-person{grid-column:1/2}.contact-source-badge{grid-area:2/1/3/2;justify-self:start;max-width:100%}.contact-email-badge{grid-area:1/2/2/3}.contact-list-row time{text-align:right;grid-area:2/2/3/4}.contact-detail-toggle{grid-area:1/3/2/4}.contact-list-detail{margin:0 -12px;padding:14px 12px}.contact-list-detail dl>div{grid-template-columns:48px 1fr}}.student-toolbar{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(220px,.7fr));gap:14px;margin-bottom:18px;display:grid}.student-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.student-card{border:1px solid var(--border-light);box-shadow:var(--shadow-card);background:#fff;border-radius:28px;flex-direction:column;gap:16px;padding:20px;display:flex}.student-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.student-card-name{font-family:var(--font-heading);color:var(--secondary);font-size:1.12rem;display:block}.student-card-code{color:#6e7a70;margin:4px 0 0;font-size:.88rem}.student-chip-stack{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.student-chip{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.student-meta-grid{color:var(--text-body);gap:10px;font-size:.92rem;display:grid}.student-meta-grid strong{color:var(--secondary)}.student-card-note{color:var(--text-body);background:#f7faf4;border-radius:18px;margin:0;padding:14px 16px;line-height:1.7}.student-card-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.status-active{color:#1b5e20;background:#1b5e201a}.status-trial{color:#1565c0;background:#1565c01a}.status-paused{color:#c77700;background:#ff8f001f}.status-reserved{color:#7b1fa2;background:#8e24aa1f}.status-stopped{color:#455a64;background:#5c6b7324}.tuition-paid{color:#2e7d32;background:#43a0471f}.tuition-partial{color:#ef6c00;background:#ff8f001f}.tuition-due{color:#c2185b;background:#f0176b1f}.tuition-exempt{color:#546e7a;background:#607d8b24}.attendance-on_track{color:#2e7d32;background:#2e7d321f}.attendance-warning{color:#e65100;background:#ff8f001f}.attendance-absent{color:#c62828;background:#c628281f}.admin-dashboard-block{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);width:100%;max-width:100%;min-height:80vh;margin:20px auto;padding:24px}.admin-dashboard-block h2{font-family:var(--font-heading);color:var(--secondary);margin-bottom:24px;font-size:1.6rem}.admin-dashboard-sections{flex-direction:column;gap:20px;display:flex}.admin-section{background:var(--bg-cream);border-radius:var(--radius-sm);border:1px solid var(--border-light);width:100%;margin-bottom:24px;padding:20px}.admin-section h3{font-family:var(--font-heading);color:var(--secondary);margin-bottom:16px;font-size:1.3rem}.admin-table{border-collapse:collapse;background:var(--bg-white);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-card);margin-top:16px}.admin-table th,.admin-table td{border-bottom:1px solid var(--border-light);text-align:left;padding:10px 14px;font-size:1rem}.admin-table th{background:var(--bg-cream);color:var(--secondary);font-weight:700}.admin-table tr.edit-row{background:var(--bg-cream)}.admin-table tr.edit-row input,.admin-table tr.edit-row textarea{border-radius:var(--radius-sm);border:1px solid var(--border-warm);background:var(--bg-white);width:100%;min-width:180px;padding:8px 12px;font-size:1rem}.admin-table tr.edit-row textarea{resize:vertical;min-height:60px}.admin-form-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.admin-input{border-radius:var(--radius-sm);border:1px solid var(--border-warm);background:var(--bg-white);min-width:120px;padding:8px 12px;font-size:1rem}.admin-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;padding:8px 16px;font-weight:600;transition:background .2s}.admin-btn:hover{background:var(--primary-dark)}.dashboard-container{width:100%}.dashboard-header{margin-bottom:24px}.dashboard-header h2{font-family:var(--font-heading);color:var(--secondary);margin:0 0 8px;font-size:1.6rem}.dashboard-header p{color:var(--text-body);margin:0;font-size:1rem}.db2-wrap{flex-direction:column;gap:28px;width:100%;display:flex}.db2-stats-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.db2-stat-card{text-align:center;cursor:pointer;border:none;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #00000024}.db2-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000038}.db2-stat-icon{flex-shrink:0;width:36px;height:36px}.db2-stat-num{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.db2-stat-label{color:#ffffffc7;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}@media (width<=900px){.db2-stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.db2-stats-row{grid-template-columns:repeat(2,1fr)}}.db2-section{background:var(--bg-white);box-shadow:var(--shadow-card);border-radius:28px;padding:28px}.db2-section-head{margin-bottom:20px}.db2-section-head h3{font-family:var(--font-heading);color:var(--secondary);margin:0 0 4px;font-size:1.25rem}.db2-section-head p{color:var(--text-muted);margin:0;font-size:.9rem}.db2-blocks-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.db2-block-card{cursor:pointer;text-align:left;background:#f8fbf7;border:1px solid #1b5e2014;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:all .18s;display:flex}.db2-block-card:hover{background:#f0f7ec;border-color:#1b5e2038;transform:translate(2px)}.db2-block-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.db2-block-copy{flex:1;min-width:0}.db2-block-copy strong{color:var(--secondary);font-size:.95rem;font-weight:700;display:block}.db2-block-copy span{color:var(--text-muted);margin-top:2px;font-size:.8rem;display:block}.db2-block-arrow{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.db2-activity-list{flex-direction:column;gap:0;display:flex}.db2-activity-row{border-bottom:1px solid #1b5e200f;align-items:center;gap:12px;padding:11px 0;display:flex}.db2-activity-row:last-child{border-bottom:none}.db2-type-chip{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:.7rem;font-weight:700}.db2-type-article{color:#854d0e;background:#fef9c3}.db2-type-news{color:#991b1b;background:#fee2e2}.db2-type-contact{color:#075985;background:#e0f2fe}.db2-activity-title{color:var(--secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.db2-activity-date{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border-left:4px solid var(--primary);align-items:center;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.stat-icon{background:var(--bg-cream);border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.stat-info{flex-direction:column;display:flex}.stat-count{color:var(--secondary);font-size:1.4rem;font-weight:700}.stat-title{color:var(--text-light);font-size:.82rem}.recent-activity{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:24px;padding:24px}.recent-activity h3{font-family:var(--font-heading);color:var(--secondary);margin:0 0 16px;font-size:1.2rem}.type-badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.type-badge.article{color:#92400e;background:#fef3c7}.type-badge.news{color:#991b1b;background:#fee2e2}.type-badge.contact{color:#9a6700;background:#fff7db}.quick-links{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px}.quick-links h3{font-family:var(--font-heading);color:var(--secondary);margin:0 0 16px;font-size:1.2rem}.links-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.dashboard-link-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.dashboard-link-card{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);text-align:left;cursor:pointer;background:linear-gradient(135deg,#fffdf8 0%,#f4f8ef 100%);flex-direction:column;align-items:flex-start;gap:8px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.dashboard-link-card strong{color:var(--secondary);font-size:1rem}.dashboard-link-card span{color:var(--text-body);font-size:.9rem;line-height:1.6}.dashboard-link-card:hover{box-shadow:var(--shadow-medium);border-color:#1b5e202e;transform:translateY(-3px)}.quick-link{background:var(--bg-cream);border-radius:var(--radius-sm);color:var(--secondary);align-items:center;gap:10px;padding:14px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.quick-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.link-icon{font-size:1.2rem}.tab-buttons{gap:8px;display:flex}.tab-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff26;border:none;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s}.tab-btn:hover{background:#ffffff40}.tab-btn.active{color:var(--primary);background:#fff}.category-badge{background:var(--bg-light);color:var(--text-body);border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.count-badge{background:var(--primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.8rem;font-weight:700;display:inline-flex}.image-preview{background:var(--bg-cream);border-radius:var(--radius-sm);max-width:150px;margin-top:8px;padding:8px}.image-preview img{border-radius:4px;width:100%;height:auto}.image-preview.large{max-width:300px}.upload-container{align-items:flex-start;gap:8px;display:flex}.upload-dropzone{border:1px dashed var(--border-warm);border-radius:var(--radius-md);background:var(--bg-cream);flex-direction:column;gap:10px;padding:14px;display:flex}.upload-dropzone.dragging{border-color:var(--primary);background:#fef5f8}.upload-drop-hint,.editor-drop-hint{color:var(--text-light);font-size:.82rem}.media-preview{border-radius:var(--radius-md);background:var(--bg-white);border:1px solid var(--border-light);overflow:hidden}.media-preview img,.media-preview video{object-fit:cover;width:100%;max-height:260px;display:block}.media-upload-success{color:#166534;background:#e8f5e9;padding:9px 12px;font-size:.8rem;font-weight:700;display:block}.upload-container .form-input{flex:1}.upload-actions{flex-direction:column;gap:4px;display:flex}.btn-upload{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:10px 16px;font-size:.85rem;font-weight:700;transition:background .2s,transform .2s}.btn-upload:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.rich-editor{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);overflow:hidden}.editor-toolbar{background:var(--bg-cream);border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:6px;padding:10px 12px;display:flex}.editor-toolbar button{border:1px solid var(--border-warm);border-radius:var(--radius-sm);background:var(--bg-white);min-width:38px;height:36px;color:var(--text-dark);cursor:pointer;padding:0 10px;font-size:.82rem;font-weight:700;transition:background .2s}.editor-toolbar button:hover{background:var(--bg-light);border-color:var(--primary-light)}.editor-content{min-height:260px;color:var(--text-dark);outline:none;padding:18px;font-size:1rem;line-height:1.7}.editor-content.dragging{background:#fef5f8}.editor-content img,.editor-content video{max-width:100%}.block-action-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;margin:8px 8px 0 0;padding:10px 24px;font-size:.95rem;font-weight:700;transition:background .3s,transform .2s}.block-action-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.admin-layout{flex-direction:column;min-height:auto}.admin-sidebar{flex-direction:row;align-items:center;width:100%;min-width:100%;height:auto;padding:12px;position:static;overflow-x:auto}.sidebar-header{border-bottom:none;border-right:1px solid #ffffff14;flex-shrink:0;padding:12px}.sidebar-user-logout{width:36px;height:36px}.sidebar-nav{flex-direction:row;gap:6px;padding:0 12px;overflow-x:auto}.sidebar-group{min-width:max-content}.sidebar-group+.sidebar-group{border-top:none;border-left:1px solid #ffffff14;margin-top:0;margin-left:10px;padding-top:0;padding-left:10px}.sidebar-group-toggle{padding:0 10px 6px}.sidebar-group-list,.sidebar-group-list.open{opacity:1;max-height:none;padding-top:0;overflow:visible}.sidebar-group-meta,.sidebar-group-caret{display:none}.nav-item{white-space:nowrap;padding:8px 14px}.nav-label{font-size:.82rem}.admin-content,.manager-content{padding:16px}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.form-input,.form-textarea,.form-select{min-width:100%}.form-row{flex-direction:column;gap:16px}.add-form{flex-direction:column}.add-form .btn-primary{width:100%}.admin-block-grid,.admin-summary-grid,.home-index-simple-fields,.home-index-media-stack{grid-template-columns:1fr}.admin-home-fab{padding:12px 15px;bottom:16px;right:16px}}@media (width<=900px){.nav-hamburger{display:flex}.melody-nav{z-index:905;background:linear-gradient(#1b5e20,#2e7d32);flex-direction:column;gap:6px;width:280px;height:100vh;padding:90px 24px 40px;transition:right .35s;position:fixed;top:0;right:-300px;box-shadow:-4px 0 30px #0003}.melody-nav.open{right:0}.melody-nav a{border-radius:var(--radius-sm);color:#fff;padding:14px 16px;font-size:.95rem}.melody-nav a:hover,.melody-nav a.active{color:#fff;box-shadow:none;background:#ffffff1f}.hero-stage{min-height:580px;padding:38px 34px}.hero-copy-overlay{max-width:100%}.teacher-showcase{grid-template-columns:1fr;justify-items:center;min-height:460px;padding:30px}.teacher-showcase-overlay{order:2;width:min(100%,540px)}.teacher-showcase-visual{order:1;justify-self:center;max-width:280px;min-height:280px;max-height:280px}.teacher-showcase-caption strong{font-size:1.16rem}.home-story-panel{min-height:auto;padding:36px}.home-story-copy{max-width:min(100%,620px)}.teacher-showcase-title{max-width:12ch}.section-header-row{flex-direction:column;align-items:flex-start}.store-hero-card,.public-page-hero-panel,.public-page-feature-card,.public-news-feature-card{grid-template-columns:1fr}.public-news-feature-image{min-height:240px;max-height:300px}.public-news-feature-copy h3{font-size:1.5rem}.public-page-banner .public-page-title{font-size:1.6rem}.footer-branch-pill{min-width:280px}.footer-shell{grid-template-columns:1fr;gap:24px;padding:40px 24px 24px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.dashboard-link-grid,.student-toolbar{grid-template-columns:1fr}}@media (width<=768px){:root{--header-h:64px}.melody-logo-img{height:40px}.page-banner{padding:26px 20px 24px}.page-banner-title{font-size:1.75rem}.melody-section{padding:50px 0}.melody-container{padding:0 18px}.section-heading{margin-bottom:30px;font-size:1.8rem}.hero-title{font-size:2.6rem}.hero-slogan{font-size:1.06rem}.home-hero>.melody-container{padding-top:calc(var(--header-h) + 36px);padding-bottom:56px}.hero-stage{min-height:520px;padding:30px 24px}.teacher-showcase{min-height:auto}.teacher-showcase-overlay{padding:24px}.teacher-showcase-visual{max-width:none;min-height:300px}.teacher-showcase-ribbon{padding:8px 12px;font-size:.76rem;top:14px;left:14px}.teacher-showcase-caption{max-width:none;padding:14px 16px;bottom:14px;left:14px;right:14px}.home-story-panel{background-position:68%;border-radius:28px;padding:26px 22px}.about-story-panel{grid-template-columns:1fr;min-height:auto}.about-story-copy{padding:28px 24px 18px}.about-story-visual{min-height:280px}.home-story-copy{max-width:100%}.home-story-lead{font-size:1rem}.home-story-item{grid-template-columns:14px minmax(0,1fr);padding:14px 15px}.home-icon-kicker{padding:9px 13px;font-size:.74rem}.content-cards-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.news-cards-grid{grid-template-columns:1fr}.public-page-hero-panel,.public-related-shell,.public-page-feature-card,.public-news-detail-card{padding:24px}.public-news-shell{gap:18px}.public-news-feature-copy{padding:22px}.public-news-feature-copy h3{font-size:1.3rem}.public-page-banner .public-page-title{font-size:1.4rem}.news-card-body h3{font-size:1.05rem}.news-card-image{height:170px}.news-grid,.articles-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-count{font-size:1.3rem}.links-grid{grid-template-columns:repeat(2,1fr)}.footer-contact-card,.footer-social-panel,.footer-form-panel{padding:22px}.footer-form-grid,.admin-home-map-grid{grid-template-columns:1fr}}@media (width<=600px){.hero-title{font-size:2.1rem}.hero-buttons{flex-direction:column;gap:10px}.btn-hero{text-align:center;width:100%}.hero-story-panel{padding:22px 20px}.hero-stage{min-height:480px;padding:26px 20px}.hero-copy-overlay{max-width:100%}.public-page-actions{flex-direction:column;align-items:stretch}.public-page-secondary-action,.public-page-actions .btn-hero{text-align:center;width:100%}.teacher-showcase{gap:18px;min-height:420px;padding:18px}.teacher-showcase-overlay{border-radius:24px;padding:24px 20px}.teacher-showcase-visual{border-radius:22px;width:min(100%,220px);min-height:220px;max-height:220px}.teacher-showcase-caption strong{font-size:1.02rem}.teacher-showcase-caption span{font-size:.82rem}.teacher-showcase-ribbon{margin:12px 0 0 12px;position:static}.contact-map-actions{flex-direction:column;align-items:stretch}.student-card-foot{flex-direction:column;align-items:flex-start}.social-grid{flex-direction:column}.social-link{text-align:center;width:100%}.footer-shell{grid-template-columns:1fr}.admin-header{text-align:left;flex-direction:column;align-items:flex-start;gap:12px}.admin-header h2{font-size:1.2rem}.manager-header{text-align:center;flex-direction:column;gap:10px}.manager-header h3{font-size:1.05rem}.header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.header-home-btn{justify-content:center;width:100%}.admin-login-container{min-width:0;max-width:100%;padding:0}.admin-login-title{font-size:1.65rem}.admin-password-toggle-icon{right:10px}.data-table th,.data-table td{padding:10px 8px;font-size:.85rem}.content-cell{max-width:150px}.admin-dashboard-block{min-height:60vh;padding:8px}.admin-section{padding:8px}.admin-table{width:100%;min-width:0}.tab-buttons{flex-direction:column;width:100%}.tab-btn{text-align:center;width:100%}.admin-collection-header,.admin-simple-row,.admin-simple-actions{flex-direction:column;align-items:flex-start}.admin-form-actions-sticky{background:0 0;padding-top:8px;position:static}}:root{--header-h:84px}.melody-footer{border-top:1px solid var(--line);background:#f3f7f1}.footer-shell{gap:24px;max-width:1200px;padding:52px 28px 26px}.footer-contact-card,.footer-social-panel,.footer-form-panel{border:1px solid var(--line);box-shadow:none;background:#ffffffd1;border-radius:20px;padding:24px}.footer-brand-logo{max-width:150px}.footer-form-field input,.footer-form-field textarea{background:#fff;border-radius:10px}.footer-bottom{max-width:1200px;padding-bottom:24px}.admin-layout{background:#f2f5f1;min-height:100vh;margin:0}.admin-sidebar{background:linear-gradient(#123f18 0%,#1a5b22 100%);width:276px;min-width:276px;height:100vh;box-shadow:8px 0 30px #0c301114}.sidebar-brand{background:#00000014;padding:20px}.sidebar-header{padding:20px}.sidebar-nav{padding:18px 14px}.sidebar-group{gap:6px}.sidebar-group+.sidebar-group{margin-top:6px;padding-top:10px}.sidebar-group-toggle{padding:4px 10px}.sidebar-group-title{color:#ffffff94;font-size:.68rem}.nav-item{border-left:0;border-radius:10px;padding:11px 13px}.nav-item:hover{background:#ffffff14;border-left:0}.nav-item.active{color:var(--secondary);background:#fff;border-left:0;box-shadow:0 10px 25px #0000001f}.nav-item.active .nav-label,.nav-item.active .nav-icon{color:var(--secondary)}.admin-main{background:#f2f5f1}.admin-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line);background:#fffffff0;padding:17px 28px}.admin-header h2{font-size:1.35rem}.admin-header-note{font-size:.82rem}.admin-content{background:#f2f5f1;padding:28px}.manager-container,.admin-section{border:1px solid var(--line);width:100%;min-width:0;box-shadow:var(--shadow-soft);background:#fff;border-radius:18px}.manager-header{border-radius:18px 18px 0 0;padding:20px 24px}.manager-header h3{font-size:1.18rem}.manager-content{padding:24px}.manager-tabs{padding:0 14px}.manager-tab{padding:13px 14px}.admin-item-list{border-color:var(--line);border-radius:14px}.admin-item-row{padding:15px 16px}.admin-item-row:hover{background:#f7faf6}.admin-item-thumb{border-radius:10px;width:64px;height:64px}.admin-item-title{font-size:.94rem}.admin-item-desc{color:var(--muted)}.add-form{border-color:var(--line);background:#f5f8f3;border-radius:14px;padding:18px}.form-input,.form-textarea,.form-select{background:#fff;border-color:#cfddcd;border-radius:10px}.btn-primary{border-radius:10px;box-shadow:0 8px 20px #f0176b26}.btn-edit,.btn-danger,.btn-secondary{border-radius:9px}.modal-overlay{background:#0d301280}.modal-content{border-radius:20px}.modal-header{z-index:3;background:#fff;border-radius:20px 20px 0 0;position:sticky;top:0}.modal-footer{z-index:3;background:#fff;border-radius:0 0 20px 20px;position:sticky;bottom:0}.db2-wrap{gap:22px}.db2-stats-row{gap:14px}.db2-stat-card{border:1px solid var(--line);box-shadow:none;text-align:left;background:#fff;border-radius:16px;align-items:flex-start;padding:18px}.db2-stat-card:hover{border-color:color-mix(in srgb,var(--db-accent) 35%,white);box-shadow:var(--shadow-soft);transform:translateY(-3px)}.db2-stat-icon{background:color-mix(in srgb,var(--db-accent) 12%,white);width:30px;height:30px;color:var(--db-accent);border-radius:9px;padding:6px}.db2-stat-num{color:var(--ink);font-size:1.65rem}.db2-stat-label{color:var(--muted);font-size:.68rem}.db2-section{border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:18px;padding:24px}.db2-block-card{background:#fafcf9;border-radius:12px}.db2-block-card:hover{transform:translateY(-2px)}.data-table th{color:var(--secondary);background:#f2f6f0}.data-table th,.data-table td{border-bottom-color:var(--line)}@media (width<=1024px){:root{--header-h:72px}.admin-sidebar{width:100%;min-width:100%}.admin-content{padding:22px}.db2-stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){:root{--header-h:64px}.admin-layout{display:block}.admin-sidebar{width:100%;min-width:0;height:auto;max-height:none;position:relative}.sidebar-nav{max-height:44vh}.admin-header{padding:14px 18px;position:sticky;top:0}.admin-content{padding:16px}.manager-content{padding:18px}.db2-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-shell{padding:42px 18px 22px}}@media (width<=520px){.home-hero>.melody-container{max-width:100%;overflow:hidden}.hero-stage,.hero-copy-overlay,.hero-buttons{width:100%;min-width:0}.hero-title,.hero-slogan,.hero-lead{overflow-wrap:anywhere;max-width:100%}.db2-stats-row{grid-template-columns:1fr}.db2-stat-card{grid-template-columns:auto 1fr;align-items:center;display:grid}.db2-stat-label{grid-column:2}}:root{--text-light:#666f68}.hero-stage.scroll-open-surface,.hero-stage.scroll-open-surface.is-visible{clip-path:none;transition:none;transform:none}.footer-brand-logo{aspect-ratio:752/303;width:150px;height:auto}.btn-view-all:not(.btn-view-all-light),.footer-form-submit{background:var(--primary-dark)}.btn-view-all:not(.btn-view-all-light):hover,.footer-form-submit:hover{background:#a70c47}.section-kicker{color:#b20d4b;background:#fff5f8;border-color:#b20d4b57}.news-card-meta,.footer-bottom p,.footer-bottom span{color:#606a62}.footer-branch-pill em{color:var(--primary-dark)}.home-skeleton-card{pointer-events:none;transform:none!important}.home-skeleton-media,.home-skeleton-line{background:linear-gradient(100deg,#eef3ed 30%,#f8faf7 48%,#eef3ed 66%) 0 0/220% 100%;animation:1.35s ease-in-out infinite home-skeleton-pulse;display:block}.home-skeleton-line{border-radius:999px;height:14px;margin-bottom:12px}.home-skeleton-title{width:72%;height:22px;margin-bottom:18px}.home-skeleton-line-short{width:58%;margin-bottom:0}@keyframes home-skeleton-pulse{to{background-position-x:-220%}}@media (prefers-reduced-motion:reduce){.home-skeleton-media,.home-skeleton-line{animation:none}}.course-catalog-section,.course-detail-section{background:linear-gradient(#fff 0%,#f5f9f3 100%);padding:58px 0 90px}.course-detail-section{padding-top:calc(var(--header-h) + 38px)}.course-catalog-intro{margin-bottom:28px}.course-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.course-catalog-card{background:#fff;border:1px solid #1b5e201a;border-radius:22px;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 14px 35px #1b5e2012}.course-catalog-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #1b5e2021}.course-catalog-media{aspect-ratio:16/10;background:#eef5ec;display:block;position:relative;overflow:hidden}.course-catalog-image{object-fit:cover;width:100%;height:100%;transition:transform .35s}.course-catalog-card:hover .course-catalog-image{transform:scale(1.035)}.course-catalog-placeholder{color:var(--primary);background:linear-gradient(135deg,#e8f3e5,#fff2f7);justify-content:center;align-items:center;font-size:3rem;display:flex}.course-catalog-badge,.course-catalog-type{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:6px 9px;font-size:.66rem;font-weight:800;position:absolute;top:13px;box-shadow:0 7px 20px #00000017}.course-catalog-badge{color:var(--secondary);background:#fffffff2;left:13px}.course-catalog-type{background:var(--primary);color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:48%;right:13px;overflow:hidden}.course-catalog-body{flex-direction:column;flex:1;padding:19px;display:flex}.course-catalog-title{color:var(--secondary);font-family:var(--font-heading);font-size:1.18rem;font-weight:750;line-height:1.35;text-decoration:none}.course-catalog-title:hover{color:var(--primary)}.course-catalog-level{color:var(--secondary);text-transform:uppercase;letter-spacing:.04em;background:#eff6ed;border-radius:999px;align-self:flex-start;margin-top:9px;padding:5px 9px;font-size:.7rem;font-weight:800}.course-catalog-summary{min-height:2.9em;color:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}.course-catalog-meta{border-top:1px solid #1b5e2014;flex-direction:column;gap:7px;margin-top:auto;padding-top:14px;display:flex}.course-catalog-meta span{color:var(--text-light);font-size:.78rem;line-height:1.45}.course-catalog-meta strong{color:var(--primary);font-size:.98rem;line-height:1.4}.course-catalog-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.course-catalog-actions a{border:1px solid var(--secondary);min-height:42px;color:var(--secondary);text-align:center;border-radius:11px;justify-content:center;align-items:center;padding:9px 11px;font-size:.78rem;font-weight:800;text-decoration:none;display:flex}.course-catalog-actions .course-register-link{border-color:var(--primary);background:var(--primary);color:#fff}.course-detail-hero{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e201a;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:48px;padding:38px;display:grid}.course-detail-image-shell{background:#f2f7f0;border:1px solid #1b5e2014;border-radius:22px;justify-content:center;align-items:center;min-height:520px;display:flex;overflow:hidden}.course-detail-image{object-fit:cover;width:100%;height:100%;min-height:520px}.course-detail-info{flex-direction:column;align-items:flex-start;display:flex}.course-detail-category{color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;background:#eaf5e9;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:800}.course-detail-info h1{color:var(--secondary);font-family:var(--font-heading);margin:14px 0 12px;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.07}.course-detail-lead{color:var(--text-body);margin:0;line-height:1.72}.course-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:22px 0;display:grid}.course-detail-facts div{background:#f5f9f3;border-radius:14px;flex-direction:column;gap:5px;min-width:0;padding:14px;display:flex}.course-detail-facts span{color:var(--text-light);font-size:.72rem}.course-detail-facts strong{color:var(--secondary);overflow-wrap:anywhere;font-size:.84rem;line-height:1.45}.course-detail-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:22px;display:grid}.course-register-primary,.course-register-secondary{text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:50px;padding:12px 17px;font-weight:800;text-decoration:none;display:inline-flex}.course-register-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px #f0176b38}.course-register-secondary{border:1px solid var(--secondary);color:var(--secondary);background:#fff}.course-benefit-list{margin-top:auto}.course-detail-content-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:28px;display:grid}.course-description-card,.course-support-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1b5e201a;border-radius:25px}.course-description-card{padding:36px}.course-description-card h2,.course-related h2{color:var(--secondary);font-family:var(--font-heading);margin:8px 0 16px;font-size:2rem}.course-support-card{color:#fff;background:linear-gradient(145deg,#1b5e20,#2e7d32);align-self:start;padding:28px}.course-support-card>span{font-size:2rem}.course-support-card h3{font-family:var(--font-heading);margin:12px 0 8px;font-size:1.55rem}.course-support-card p{color:#ffffffd1;line-height:1.65}.course-support-card a{color:var(--secondary);background:#fff;border-radius:10px;margin-top:8px;padding:11px 15px;font-weight:800;text-decoration:none;display:inline-flex}.course-related{margin-top:58px}@media (width<=1050px){.course-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-detail-hero{grid-template-columns:1fr 1fr;gap:28px;padding:28px}.course-detail-content-grid{grid-template-columns:1fr 280px}.course-detail-facts{grid-template-columns:1fr}}@media (width<=780px){.course-catalog-section{padding:42px 0 64px}.course-detail-section{padding:calc(var(--header-h) + 24px) 0 64px}.course-detail-hero{grid-template-columns:1fr;padding:18px}.course-detail-image-shell,.course-detail-image{min-height:360px}.course-detail-content-grid{grid-template-columns:1fr}.course-description-card{padding:24px}.course-support-card{order:-1}.course-detail-actions{grid-template-columns:1fr}}@media (width<=560px){.course-catalog-grid{grid-template-columns:1fr}.course-catalog-media{aspect-ratio:4/3}.course-catalog-actions{grid-template-columns:1fr 1fr}.course-detail-image-shell,.course-detail-image{min-height:280px}.course-detail-facts{grid-template-columns:1fr}.course-catalog-intro h2{font-size:2rem}}.teacher-catalog-section,.teacher-detail-section{background:linear-gradient(#fff 0%,#f5f9f3 100%);padding:58px 0 90px}.teacher-detail-section{padding-top:calc(var(--header-h) + 38px)}.teacher-catalog-intro{margin-bottom:28px}.teacher-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.teacher-catalog-card{background:#fff;border:1px solid #1b5e201a;border-radius:24px;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 14px 35px #1b5e2012}.teacher-catalog-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #1b5e2021}.teacher-catalog-media{aspect-ratio:4/4.5;background:linear-gradient(135deg,#e8f3e5,#fff2f7);display:block;position:relative;overflow:hidden}.teacher-catalog-image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .35s}.teacher-catalog-card:hover .teacher-catalog-image{transform:scale(1.035)}.teacher-catalog-placeholder{color:var(--primary);justify-content:center;align-items:center;font-size:3.4rem;display:flex}.teacher-featured-badge,.teacher-experience-badge{border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:800;position:absolute;box-shadow:0 8px 24px #0000001a}.teacher-featured-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;top:14px;left:14px}.teacher-experience-badge{max-width:72%;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;background:#fffffff0;bottom:14px;right:14px;overflow:hidden}.teacher-catalog-body{flex-direction:column;flex:1;padding:20px;display:flex}.teacher-catalog-title{color:var(--secondary);font-family:var(--font-heading);font-size:1.22rem;font-weight:750;line-height:1.35;text-decoration:none}.teacher-catalog-title:hover{color:var(--primary)}.teacher-catalog-role{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:.78rem;font-weight:800}.teacher-catalog-body>p{min-height:4.4em;color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.teacher-catalog-meta{border-top:1px solid #1b5e2014;flex-direction:column;gap:5px;margin-top:auto;padding-top:13px;display:flex}.teacher-catalog-meta span{color:var(--secondary);font-size:.79rem;font-weight:750}.teacher-catalog-meta small{color:var(--text-light);font-size:.74rem}.teacher-catalog-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.teacher-catalog-actions a{border:1px solid var(--secondary);min-height:42px;color:var(--secondary);text-align:center;border-radius:11px;justify-content:center;align-items:center;padding:9px 11px;font-size:.78rem;font-weight:800;text-decoration:none;display:flex}.teacher-catalog-actions .teacher-consult-link{border-color:var(--primary);background:var(--primary);color:#fff}.teacher-detail-hero{box-shadow:var(--shadow-card);background:#fff;border:1px solid #1b5e201a;border-radius:30px;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:48px;padding:38px;display:grid}.teacher-detail-image-shell{background:#eef5ec;border:1px solid #1b5e2014;border-radius:22px;justify-content:center;align-items:center;min-height:600px;display:flex;overflow:hidden}.teacher-detail-image{object-fit:cover;object-position:top center;width:100%;height:100%;min-height:600px}.teacher-detail-info{flex-direction:column;align-items:flex-start;display:flex}.teacher-detail-category{color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;background:#eaf5e9;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:800}.teacher-detail-info h1{color:var(--secondary);font-family:var(--font-heading);margin:14px 0 8px;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.07}.teacher-detail-role{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.88rem;font-weight:800}.teacher-detail-lead{color:var(--text-body);margin:16px 0 0;line-height:1.72}.teacher-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:22px 0;display:grid}.teacher-detail-facts div,.teacher-education{background:#f5f9f3;border-radius:14px;flex-direction:column;gap:5px;min-width:0;padding:14px;display:flex}.teacher-detail-facts span,.teacher-education span{color:var(--text-light);font-size:.72rem}.teacher-detail-facts strong,.teacher-education strong{color:var(--secondary);overflow-wrap:anywhere;font-size:.84rem;line-height:1.45}.teacher-education{width:100%;margin:-10px 0 20px}.teacher-detail-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:22px;display:grid}.teacher-benefit-list{margin-top:auto}.teacher-detail-content-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:28px;display:grid}.teacher-bio-card,.teacher-support-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1b5e201a;border-radius:25px}.teacher-bio-card{padding:36px}.teacher-bio-card h2,.teacher-related h2{color:var(--secondary);font-family:var(--font-heading);margin:8px 0 16px;font-size:2rem}.teacher-rich-content{color:var(--text-body);line-height:1.85}.teacher-rich-content p,.teacher-rich-content blockquote{margin:0 0 15px}.teacher-rich-content blockquote{border-left:3px solid var(--primary);background:#fff7fa;padding:14px 18px}.teacher-rich-content ul,.teacher-rich-content ol{padding-left:22px}.teacher-support-card{color:#fff;background:linear-gradient(145deg,#1b5e20,#2e7d32);align-self:start;padding:28px}.teacher-support-card>span{font-size:2rem}.teacher-support-card h3{font-family:var(--font-heading);margin:12px 0 8px;font-size:1.55rem}.teacher-support-card p{color:#ffffffd1;line-height:1.65}.teacher-support-card a{color:var(--secondary);background:#fff;border-radius:10px;margin-top:8px;padding:11px 15px;font-weight:800;text-decoration:none;display:inline-flex}.teacher-related{margin-top:58px}@media (width<=1050px){.teacher-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-detail-hero{grid-template-columns:1fr 1fr;gap:28px;padding:28px}.teacher-detail-image-shell,.teacher-detail-image{min-height:520px}.teacher-detail-content-grid{grid-template-columns:1fr 280px}.teacher-detail-facts{grid-template-columns:1fr}}@media (width<=780px){.teacher-catalog-section{padding:42px 0 64px}.teacher-detail-section{padding:calc(var(--header-h) + 24px) 0 64px}.teacher-detail-hero{grid-template-columns:1fr;padding:18px}.teacher-detail-image-shell,.teacher-detail-image{min-height:440px}.teacher-detail-content-grid{grid-template-columns:1fr}.teacher-bio-card{padding:24px}.teacher-support-card{order:-1}.teacher-detail-actions{grid-template-columns:1fr}}@media (width<=560px){.teacher-catalog-grid{grid-template-columns:1fr}.teacher-catalog-media{aspect-ratio:4/4.25}.teacher-catalog-actions{grid-template-columns:1fr 1fr}.teacher-detail-image-shell,.teacher-detail-image{min-height:360px}.teacher-catalog-intro h2{font-size:2rem}}.document-library-section{background:linear-gradient(#fff 0%,#f5f9f3 100%);padding:58px 0 90px}.document-library-intro{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.document-library-intro>div:first-child{max-width:780px}.document-library-intro h2{color:var(--secondary);font-family:var(--font-heading);margin:8px 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.document-library-intro p{color:var(--text-body);margin:0;line-height:1.75}.document-toolbar{margin-bottom:18px}.document-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.document-card{background:#fff;border:1px solid #1b5e201a;border-radius:24px;flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 14px 35px #1b5e2012}.document-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #1b5e2021}.document-card-top{background:linear-gradient(135deg,#edf7ea 0%,#fff5f8 100%);justify-content:space-between;align-items:flex-start;min-height:150px;padding:24px;display:flex}.document-file-icon{color:#fff;letter-spacing:.08em;clip-path:polygon(0 0,72% 0,100% 23%,100% 100%,0 100%);background:linear-gradient(145deg,#f0176b,#c40f55);border-radius:10px 10px 15px;justify-content:center;align-items:center;width:78px;height:92px;font-size:.9rem;font-weight:900;display:flex;box-shadow:0 14px 25px #f0176b33}.document-file-icon span{margin-top:12px}.document-card-badges{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.document-card-badges span{color:var(--secondary);box-shadow:var(--shadow-soft);background:#fffffff0;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:800}.document-card-badges .document-featured{background:var(--secondary);color:#fff}.document-card-body{flex-direction:column;flex:1;padding:22px;display:flex}.document-category{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:850}.document-card h2{color:var(--secondary);font-family:var(--font-heading);margin:8px 0 10px;font-size:1.22rem;line-height:1.4}.document-card-body>p{min-height:4.5em;color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 18px;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.document-file-meta{color:var(--text-light);border-top:1px solid #1b5e2014;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:13px 0;font-size:.73rem;display:flex}.document-file-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-file-meta strong{color:var(--secondary);flex:none}.document-card-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.document-card-actions a{border:1px solid var(--secondary);min-height:43px;color:var(--secondary);text-align:center;border-radius:11px;justify-content:center;align-items:center;padding:9px 11px;font-size:.78rem;font-weight:800;text-decoration:none;display:flex}.document-card-actions .document-download{border-color:var(--primary);background:var(--primary);color:#fff}.document-note{background:#fff;border:1px solid #1b5e201a;border-radius:18px;align-items:flex-start;gap:14px;margin-top:34px;padding:20px 22px;display:flex}.document-note strong{color:var(--secondary)}.document-note span{color:var(--text-body);font-size:.86rem;line-height:1.6}.document-empty-icon{background:var(--primary);color:#fff;border-radius:10px;padding:12px;font-size:.8rem;font-weight:900;display:inline-flex}.document-admin-guide{border:1px solid var(--border-light);color:var(--text-body);background:#f5f9f3;border-radius:13px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:14px 16px;font-size:.82rem;line-height:1.55;display:flex}.document-admin-guide strong{color:var(--secondary);flex:none}.document-admin-icon{color:#fff;letter-spacing:.04em;background:linear-gradient(145deg,#f0176b,#c40f55);border-radius:8px;flex:none;justify-content:center;align-items:center;width:48px;height:56px;font-size:.68rem;font-weight:900;display:flex}.document-admin-options{flex-wrap:wrap;gap:22px;display:flex}.document-editor-modal{max-width:860px}@media (width<=900px){.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.document-library-section{padding:42px 0 64px}.document-library-intro{align-items:flex-start}.document-library-intro .shop-count{display:none}.document-grid{grid-template-columns:1fr}.document-card-top{min-height:130px}.document-admin-guide{flex-direction:column}.document-card-actions{grid-template-columns:1fr 1fr}}