@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap";.hn-root{font-family:Inter,Segoe UI,sans-serif;color:#1c1c1c;background:#faf7ef;overflow-x:hidden}.hn-root{--hn-green: #1a3d2b;--hn-green-mid: #2d6a4f;--hn-green-light: #52b788;--hn-gold: #d4a832;--hn-gold-light: #e8c55a;--hn-gold-pale: #f5e6b0;--hn-cream: #faf7ef;--hn-cream-dark: #f0ead8;--hn-txt: #1c1c1c;--hn-txt-mid: #4a4a4a;--hn-txt-light: #787878}.hn-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:72px;background:#1a3d2bf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,168,50,.2);transition:height .3s,box-shadow .3s}.hn-nav.scrolled{height:60px;box-shadow:0 4px 24px #00000040}.hn-nav-logo img{height:44px;width:auto;object-fit:contain}.hn-nav-links{display:flex;gap:32px;list-style:none;padding:0;margin:0}.hn-nav-links a{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#fffc;text-decoration:none;transition:color .2s}.hn-nav-links a:hover{color:var(--hn-gold-light)}.hn-login-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;border:1.5px solid var(--hn-gold);border-radius:40px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--hn-gold-light);text-decoration:none;transition:all .25s;white-space:nowrap}.hn-login-btn:hover{background:var(--hn-gold);color:var(--hn-green)}.hn-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#0f2b1c,#1a3d2b 40%,#2d6a4f)}.hn-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 20% 80%,rgba(82,183,136,.22) 0%,transparent 60%),radial-gradient(ellipse 70% 90% at 85% 15%,rgba(212,168,50,.14) 0%,transparent 55%)}.hn-hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hn-hero-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hn-hero-deco svg{position:absolute;opacity:.12}.hn-hero-deco svg.bl{bottom:-40px;left:-60px;width:420px;transform:rotate(15deg)}.hn-hero-deco svg.tr{top:-20px;right:-80px;width:380px;transform:rotate(-20deg) scaleX(-1)}.hn-hero-content{position:relative;z-index:2;text-align:center;padding:120px 24px 80px;max-width:820px}.hn-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--hn-gold);margin-bottom:28px}.hn-eyebrow:before,.hn-eyebrow:after{content:"";display:block;width:32px;height:1px;background:var(--hn-gold);opacity:.6}.hn-hero-logo{width:200px;height:auto;display:block;margin:0 auto 32px;filter:drop-shadow(0 8px 32px rgba(0,0,0,.4))}.hn-hero-title{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:clamp(38px,6vw,66px);font-weight:300;line-height:1.18;color:#fff;margin-bottom:20px;letter-spacing:-.01em}.hn-hero-title em{font-style:italic;color:var(--hn-gold-light)}.hn-hero-sub{font-size:16px;font-weight:300;line-height:1.7;color:#ffffffb3;max-width:520px;margin:0 auto 44px}.hn-cta-group{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hn-btn-gold{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;background:var(--hn-gold);color:var(--hn-green);font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border-radius:50px;box-shadow:0 8px 32px #d4a83259;transition:all .25s;border:none;cursor:pointer}.hn-btn-gold:hover{background:var(--hn-gold-light);transform:translateY(-2px);box-shadow:0 12px 40px #d4a83280}.hn-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 34px;border:1.5px solid rgba(255,255,255,.35);color:#ffffffe6;font-size:14px;font-weight:500;text-decoration:none;border-radius:50px;transition:all .25s}.hn-btn-ghost:hover{border-color:#ffffffb3;background:#ffffff14}.hn-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff6;font-size:11px;letter-spacing:.12em;text-transform:uppercase;animation:hn-bounce 2.4s ease-in-out infinite}@keyframes hn-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.hn-strip{background:var(--hn-green)}.hn-strip-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.08)}.hn-hl-item{padding:40px 32px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.hn-hl-num{font-family:Cormorant Garamond,Georgia,serif;font-size:48px;font-weight:300;color:var(--hn-gold);line-height:1}.hn-hl-num span{font-size:28px}.hn-hl-label{font-size:13px;font-weight:500;color:#ffffffbf}.hn-section-inner{max-width:1120px;margin:0 auto;padding:96px 40px}.hn-label{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--hn-gold);margin-bottom:16px}.hn-label:before{content:"";display:block;width:24px;height:1.5px;background:var(--hn-gold)}.hn-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.22;color:var(--hn-green);margin-bottom:16px}.hn-title em{font-style:italic;color:var(--hn-green-mid)}.hn-desc{font-size:15.5px;line-height:1.75;color:var(--hn-txt-mid);max-width:560px}.hn-services{background:var(--hn-cream)}.hn-svc-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px;flex-wrap:wrap}.hn-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hn-svc-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(26,61,43,.08);transition:all .3s}.hn-svc-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #1a3d2b1f;border-color:#d4a8324d}.hn-svc-img{height:220px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:56px}.hn-svc-img.g1{background:linear-gradient(135deg,#1a3d2b,#2d6a4f,#52b788)}.hn-svc-img.g2{background:linear-gradient(135deg,#2d4a1a,#4a6a2d,#88b752)}.hn-svc-img.g3{background:linear-gradient(135deg,#3d1a2b,#6a2d4f,#b75288)}.hn-svc-img.g4{background:linear-gradient(135deg,#1a2d3d,#2d4f6a,#52a0b7)}.hn-svc-img.g5{background:linear-gradient(135deg,#3d3a1a,#6a5f2d,#b7a852)}.hn-svc-img.g6{background:linear-gradient(135deg,#1a3d35,#2d6a5c,#52b7a5)}.hn-svc-badge{position:absolute;top:16px;right:16px;background:var(--hn-gold);color:var(--hn-green);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px}.hn-svc-body{padding:24px}.hn-svc-name{font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:600;color:var(--hn-green);margin-bottom:8px}.hn-svc-desc{font-size:13.5px;line-height:1.65;color:var(--hn-txt-light);margin-bottom:18px}.hn-svc-foot{display:flex;align-items:center;justify-content:space-between}.hn-svc-price{font-size:15px;font-weight:600;color:var(--hn-green-mid)}.hn-svc-dur{font-size:12.5px;color:var(--hn-txt-light)}.hn-why{background:var(--hn-green);overflow:hidden}.hn-why .hn-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hn-why .hn-title{color:#fff}.hn-why .hn-desc{color:#ffffffa6;max-width:none}.hn-why .hn-label{color:var(--hn-gold)}.hn-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.hn-feat{background:#ffffff0d;border:1px solid rgba(212,168,50,.15);border-radius:16px;padding:24px;transition:all .25s}.hn-feat:hover{background:#ffffff14;border-color:#d4a83259}.hn-feat-icon{font-size:28px;margin-bottom:12px}.hn-feat-title{font-size:14px;font-weight:600;color:var(--hn-gold-light);margin-bottom:6px}.hn-feat-text{font-size:13px;line-height:1.6;color:#ffffff8c}.hn-why-visual{position:relative}.hn-why-frame{border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,#2d6a4f,#1a3d2b);display:flex;align-items:center;justify-content:center;font-size:80px;border:1px solid rgba(212,168,50,.2);position:relative}.hn-why-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 70%,rgba(82,183,136,.3),transparent 60%)}.hn-deco-badge{position:absolute;bottom:-20px;left:-20px;background:var(--hn-gold);color:var(--hn-green);border-radius:20px;padding:20px 24px;font-weight:700;box-shadow:0 12px 40px #0000004d}.hn-deco-badge .num{font-family:Cormorant Garamond,Georgia,serif;font-size:36px;line-height:1}.hn-deco-badge .lbl{font-size:12px;opacity:.8}.hn-about{background:var(--hn-cream-dark)}.hn-about .hn-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hn-about-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px}.hn-about-img{border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:44px}.hn-about-img.tall{grid-row:span 2;min-height:280px}.hn-about-img.a1{background:linear-gradient(135deg,#1a3d2b,#2d6a4f)}.hn-about-img.a2{background:linear-gradient(135deg,#2d6a4f,#52b788);aspect-ratio:1}.hn-about-img.a3{background:linear-gradient(135deg,#c9a227,#e8c55a);aspect-ratio:1}.hn-about .hn-desc{max-width:none}.hn-quote{margin-top:28px;padding:20px 24px;border-left:3px solid var(--hn-gold);background:#d4a8320f;border-radius:0 12px 12px 0;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-style:italic;line-height:1.6;color:var(--hn-green)}.hn-testi{background:#fff}.hn-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.hn-testi-card{padding:32px;border-radius:20px;border:1px solid rgba(26,61,43,.08);position:relative}.hn-testi-card:before{content:'"';font-family:Cormorant Garamond,Georgia,serif;font-size:80px;color:var(--hn-gold-pale);position:absolute;top:12px;left:24px;line-height:1}.hn-stars{display:flex;gap:3px;margin-bottom:16px;margin-top:24px}.hn-star{color:var(--hn-gold);font-size:14px}.hn-testi-text{font-size:14.5px;line-height:1.7;color:var(--hn-txt-mid);margin-bottom:20px;font-style:italic}.hn-testi-author{display:flex;align-items:center;gap:12px}.hn-testi-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--hn-green-mid),var(--hn-green-light));display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.hn-testi-name{font-weight:600;font-size:14px;color:var(--hn-txt)}.hn-testi-branch{font-size:12px;color:var(--hn-txt-light)}.hn-branches{background:var(--hn-green-mid)}.hn-branches-inner{max-width:1120px;margin:0 auto;padding:48px 40px;display:grid;grid-template-columns:auto 1fr;gap:60px;align-items:center}.hn-branches-lbl{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--hn-gold-light);white-space:nowrap}.hn-branches-list{display:flex;gap:32px;flex-wrap:wrap}.hn-branch{display:flex;gap:10px;align-items:flex-start}.hn-branch-dot{width:8px;height:8px;border-radius:50%;background:var(--hn-gold);margin-top:6px;flex-shrink:0}.hn-branch-name{font-weight:600;font-size:14px;color:#fff}.hn-branch-addr{font-size:12.5px;color:#fff9}.hn-recruit{background:var(--hn-green)}.hn-recruit .hn-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.hn-recruit .hn-title{color:#fff}.hn-recruit .hn-desc{color:#ffffffa6;max-width:none}.hn-recruit .hn-label{color:var(--hn-gold)}.hn-perks{display:flex;flex-direction:column;gap:16px;margin-top:32px}.hn-perk{display:flex;gap:14px;align-items:flex-start}.hn-perk-icon{width:40px;height:40px;border-radius:12px;background:#d4a83226;border:1px solid rgba(212,168,50,.25);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.hn-perk-title{font-size:13.5px;font-weight:600;color:var(--hn-gold-light);margin-bottom:3px}.hn-perk-text{font-size:12.5px;line-height:1.55;color:#ffffff8c}.hn-form-card{background:#fff;border-radius:24px;padding:36px;box-shadow:0 24px 64px #0000004d}.hn-form-title{font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:600;color:var(--hn-green);margin-bottom:6px}.hn-form-sub{font-size:13px;color:var(--hn-txt-light);margin-bottom:24px}.hn-field{margin-bottom:16px}.hn-label-sm{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--hn-txt-mid);margin-bottom:6px;text-transform:uppercase}.hn-input{width:100%;padding:11px 14px;border:1.5px solid rgba(26,61,43,.15);border-radius:10px;font-size:14px;font-family:inherit;color:var(--hn-txt);background:var(--hn-cream);transition:border-color .2s,box-shadow .2s;outline:none}.hn-input:focus{border-color:var(--hn-green-mid);box-shadow:0 0 0 3px #2d6a4f1f}.hn-input.error{border-color:#dc2626}.hn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hn-submit-btn{width:100%;padding:14px;background:var(--hn-green);color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em;border:none;border-radius:12px;cursor:pointer;transition:all .25s;margin-top:8px}.hn-submit-btn:hover:not(:disabled){background:var(--hn-green-mid);transform:translateY(-1px);box-shadow:0 8px 24px #1a3d2b4d}.hn-submit-btn:disabled{opacity:.6;cursor:not-allowed}.hn-form-err{color:#dc2626;font-size:13px;margin-bottom:12px;padding:10px 12px;background:#fee2e2;border-radius:8px}.hn-form-note{font-size:11px;color:var(--hn-txt-light);text-align:center;margin-top:12px}.hn-success{text-align:center;padding:32px 20px}.hn-success-icon{font-size:52px;margin-bottom:14px}.hn-success h3{font-family:Playfair Display,Georgia,serif;font-size:20px;color:var(--hn-green);margin-bottom:8px}.hn-success p{font-size:14px;color:var(--hn-txt-mid);line-height:1.6}.hn-contact{background:var(--hn-cream)}.hn-contact .hn-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.hn-contact-info{display:flex;flex-direction:column;gap:32px}.hn-contact-item{display:flex;gap:18px;align-items:flex-start}.hn-contact-icon{width:48px;height:48px;border-radius:14px;background:var(--hn-green);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hn-contact-lbl{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hn-gold);margin-bottom:4px}.hn-contact-val{font-size:15px;color:var(--hn-txt);line-height:1.6}.hn-contact-val a{color:var(--hn-green-mid);text-decoration:none;font-weight:500}.hn-map-placeholder{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,#d4e6d0,#b7e4c7);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:48px;color:var(--hn-green-mid);border:1px solid rgba(26,61,43,.12)}.hn-map-placeholder p{font-size:13px;color:var(--hn-green-mid);font-weight:500}.hn-footer{background:var(--hn-green);border-top:1px solid rgba(212,168,50,.15)}.hn-footer-inner{max-width:1120px;margin:0 auto;padding:56px 40px 32px}.hn-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.hn-footer-brand img{height:60px;margin-bottom:16px;display:block}.hn-footer-brand p{font-size:13.5px;line-height:1.7;color:#ffffff80;max-width:280px;margin-bottom:20px}.hn-social{display:flex;gap:10px}.hn-social-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:all .2s}.hn-social-btn:hover{border-color:var(--hn-gold);background:#d4a8321a}.hn-footer-col h4{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--hn-gold);margin-bottom:20px}.hn-footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.hn-footer-col a{font-size:13.5px;color:#ffffff8c;text-decoration:none;transition:color .2s}.hn-footer-col a:hover{color:#ffffffe6}.hn-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.hn-copy{font-size:12.5px;color:#ffffff4d}.hn-staff-link{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--hn-gold);text-decoration:none;transition:opacity .2s}.hn-staff-link:hover{opacity:.75}.hn-reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.hn-reveal.visible{opacity:1;transform:none}.hn-d1{transition-delay:.1s}.hn-d2{transition-delay:.2s}.hn-d3{transition-delay:.3s}.hn-d4{transition-delay:.4s}@media (max-width:960px){.hn-nav{padding:0 24px}.hn-nav-links{display:none}.hn-svc-grid{grid-template-columns:repeat(2,1fr)}.hn-why .hn-section-inner,.hn-about .hn-section-inner,.hn-contact .hn-section-inner,.hn-recruit .hn-section-inner{grid-template-columns:1fr;gap:48px}.hn-why-visual{display:none}.hn-strip-inner{grid-template-columns:repeat(2,1fr)}.hn-footer-top{grid-template-columns:1fr 1fr}.hn-branches-inner{grid-template-columns:1fr;gap:20px}}@media (max-width:640px){.hn-svc-grid,.hn-testi-grid{grid-template-columns:1fr}.hn-strip-inner{grid-template-columns:repeat(2,1fr)}.hn-footer-top{grid-template-columns:1fr}.hn-section-inner{padding:72px 20px}.hn-row{grid-template-columns:1fr}}:root{--green-dark: #1c2a1e;--green-mid: #2d5a3d;--green-light: #4a7c59;--green-pale: #edf5ee;--text-head: #1a2b1c;--text-body: #2a2a28;--text-muted: #9a9a95;--border: #e8e4dc;--border-light: #f0ece4;--bg-page: #f4f2ed;--bg-card: #ffffff;--bg-subtle: #faf9f6;--p-800: #1c2a1e;--p-700: #2d5a3d;--p-600: #2d5a3d;--p-500: #4a7c59;--p-400: #7ec88a;--p-300: #aec794;--p-200: #c8deca;--p-100: #edf5ee;--p-50: #f4f2ed;--a-700: #9a7240;--a-600: #b08a50;--a-500: #c49a3c;--a-400: #d9bf92;--a-300: #e8d5b0;--a-100: #fff4e8;--a-50: #fffbf3;--success: #3da85e;--danger: #c45252;--info: #2d4da8;--warning: #c49a3c;--bg: #f4f2ed;--surface: #ffffff;--surface-2: #faf9f6;--text: #1a2b1c;--text-2: #2a2a28;--sh-xs: 0 1px 3px rgba(28,42,30,.06);--sh-sm: 0 2px 10px rgba(28,42,30,.08);--sh-md: 0 4px 18px rgba(28,42,30,.12);--sh-lg: 0 8px 32px rgba(28,42,30,.16);--r-sm: 6px;--r: 10px;--r-lg: 12px;--r-xl: 16px;--t: .18s cubic-bezier(.4,0,.2,1);--green: var(--success);--red: var(--danger);--blue: var(--info);--g-900: #1a2b1c;--g-800: #1c2a1e;--g-700: #2d5a3d;--g-600: #4a7c59;--g-500: #7ec88a;--g-300: #aec794;--g-200: #c8deca;--g-100: #edf5ee;--g-50: #f4f2ed;--y-700: #9a7240;--y-600: #b08a50;--y-500: #c49a3c;--y-400: #d9bf92;--y-100: #fff4e8;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Cormorant Garamond", Georgia, "DM Serif Display", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-body);line-height:1.55;-webkit-font-smoothing:antialiased;font-size:14px;height:100vh;overflow:hidden}a{color:inherit;text-decoration:none;transition:color var(--t)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0ccc4;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b8b4ac}button{cursor:pointer;font-family:inherit;transition:all var(--t);-webkit-user-select:none;user-select:none;border:none;background:none}button:disabled{opacity:.42;cursor:not-allowed!important}input,select,textarea{font-family:inherit;transition:border-color var(--t)}input:focus,select:focus,textarea:focus{outline:none;border-color:#7ec88a!important}select{-moz-appearance:none;appearance:none;-webkit-appearance:none}.global-topbar{height:54px;background:var(--green-dark);display:flex;align-items:center;padding:0 20px 0 0;flex-shrink:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06)}.gt-logo{width:240px;min-width:240px;display:flex;align-items:center;gap:10px;padding:0 20px;border-right:1px solid rgba(255,255,255,.08);transition:width .25s;flex-shrink:0}.gt-logo.slim{width:60px;min-width:60px;justify-content:center;padding:0}.gt-logo.slim .gt-logo-text{display:none}.logo-icon{width:32px;height:32px;background:var(--green-mid);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.gt-logo-text h2{font-family:var(--font-display);font-size:15px;font-weight:600;color:#e8e2d4;line-height:1.2}.gt-logo-text span{font-size:9px;color:#7a9b82;letter-spacing:1.5px;text-transform:uppercase}.gt-breadcrumb{flex:1;padding:0 20px;display:flex;align-items:center;gap:6px}.gt-breadcrumb span{font-size:13px;color:#7a9b82}.gt-breadcrumb .sep{color:#3a5a40}.gt-breadcrumb .current{color:#c8deca;font-weight:500}.gt-actions{display:flex;align-items:center;gap:8px;padding-right:4px}.gt-icon{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ab8a0;position:relative;transition:background .15s}.gt-icon:hover{background:#ffffff1a;color:#e8f5ea}.gt-badge{position:absolute;top:5px;right:5px;width:7px;height:7px;background:#e05252;border-radius:50%;border:1.5px solid var(--green-dark)}.gt-user{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:9px;cursor:pointer;transition:background .15s}.gt-user:hover{background:#ffffff1a}.gt-avatar{width:26px;height:26px;border-radius:7px;background:var(--green-mid);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#e8f5ea;overflow:hidden;flex-shrink:0}.gt-avatar img{width:100%;height:100%;object-fit:cover}.gt-uname{font-size:12px;font-weight:500;color:#c8deca;line-height:1.2}.gt-urole{font-size:10px;color:#5a7a62}.app{display:flex;height:100vh;flex-direction:column}.body-wrap{display:flex;flex:1;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.sidebar{width:240px;min-width:240px;background:var(--green-dark);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:width .25s;flex-shrink:0;border-right:1px solid rgba(255,255,255,.05)}.sidebar.collapsed{width:60px;min-width:60px}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-info-sm,.sidebar.collapsed .collapse-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:9px}.sidebar.collapsed .user-pill{justify-content:center}.nav-section{padding:14px 10px 6px}.nav-label{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#3a5a40;font-weight:500;padding:0 8px;margin-bottom:5px;white-space:nowrap;overflow:hidden}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s;margin-bottom:2px;color:#7a9b82;font-size:13px;text-decoration:none;white-space:nowrap}.nav-item:hover{background:#ffffff0f;color:#c8deca}.nav-item.active{background:#2d4a30;color:#e8f5ea}.nav-item.active svg{color:#7ec88a}.nav-item svg{font-size:17px;flex-shrink:0}.sidebar.collapsed .nav-item{position:relative}.sidebar.collapsed .nav-item:hover:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--green-dark);color:#e8f5ea;font-size:12px;padding:5px 10px;border-radius:7px;white-space:nowrap;pointer-events:none;z-index:999;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.sidebar-footer{margin-top:auto;padding:10px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.user-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:#ffffff0d;margin-bottom:6px;overflow:hidden}.user-avatar-sm{width:28px;height:28px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#e8f5ea;flex-shrink:0;overflow:hidden}.user-avatar-sm img{width:100%;height:100%;object-fit:cover}.user-info-sm p{font-size:12px;color:#c8deca;font-weight:500;white-space:nowrap}.user-info-sm span{font-size:10px;color:#4a6b52;white-space:nowrap}.collapse-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;color:#4a6b52;font-size:12px;transition:all .15s}.collapse-btn:hover{background:#ffffff0d;color:#7a9b82}.collapse-btn svg{font-size:14px;flex-shrink:0;transition:transform .25s}.sidebar.collapsed .collapse-btn svg{transform:rotate(180deg)}.pg-header{padding:0 24px;height:56px;background:var(--bg-page);border-bottom:1px solid #e4e0d8;display:flex;align-items:center;gap:10px;flex-shrink:0}.pg-header.stacked{height:auto;padding:16px 24px 0;flex-direction:column;align-items:stretch;gap:0}.pg-header-top{display:flex;align-items:center;gap:10px;padding-bottom:14px}.pg-header-bottom{display:flex;align-items:center;gap:8px;padding-bottom:14px;flex-wrap:wrap}.pg-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text-head);flex:1}.pg-title.sm{font-size:18px}.pg-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.pg-back{display:flex;align-items:center;gap:5px;font-size:13px;color:#5a7a62;cursor:pointer;padding:5px 8px;border-radius:7px;transition:all .15s;text-decoration:none;white-space:nowrap;flex-shrink:0}.pg-back:hover{background:#e8e4dc;color:var(--green-mid)}.pg-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--green-mid);color:#e8f5ea;border:none;border-radius:9px;padding:0 16px;height:34px;font-size:13px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.btn-primary:hover{background:#3a6e4d}.btn-primary:disabled{opacity:.42;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--green-mid);border:1.5px solid #c8d8ca;border-radius:9px;padding:0 14px;height:34px;font-size:13px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.btn-secondary:hover{background:var(--green-pale)}.btn-danger{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--danger);border:1.5px solid #f0c8c8;border-radius:9px;padding:0 14px;height:34px;font-size:13px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.btn-danger:hover{background:#fef0f0}.btn-ghost{width:34px;height:34px;border-radius:9px;border:1px solid #e4e0d8;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#6a6a65;transition:all .15s;flex-shrink:0}.btn-ghost:hover{background:#f0ece4;border-color:#d0ccc4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;border-radius:9px;border:none;height:34px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--t)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.btn-primary,.btn.btn-primary:not(.btn-ghost){background:var(--green-mid);color:#e8f5ea}.btn.btn-primary:hover{background:#3a6e4d}.btn.btn-outline{background:transparent;color:var(--green-mid);border:1.5px solid #c8d8ca}.btn.btn-outline:hover{background:var(--green-pale)}.btn.btn-ghost{width:auto;border:none;background:transparent;color:var(--text-muted);padding:0 12px}.btn.btn-ghost:hover{background:var(--green-pale);color:var(--green-mid);border:none}.btn.btn-danger{background:transparent;color:var(--danger);border:1.5px solid #f0c8c8}.btn.btn-danger:hover{background:#fef0f0}.btn.btn-accent{background:var(--a-500);color:#fff}.btn.btn-accent:hover{background:var(--a-600)}.btn-sm{height:28px!important;padding:0 10px!important;font-size:12px!important;border-radius:7px!important}.btn-lg{height:40px!important;padding:0 22px!important;font-size:14px!important}.btn-icon{width:34px;padding:0!important}.pg-search{display:flex;align-items:center;gap:7px;background:#fff;border:1.5px solid #dedad2;border-radius:9px;padding:0 12px;height:34px;width:220px;transition:border .15s}.pg-search:focus-within{border-color:#7ec88a}.pg-search i,.pg-search svg{font-size:13px;color:#b0b0a8;flex-shrink:0}.pg-search input{border:none;outline:none;background:transparent;font-size:13px;color:var(--text-body);font-family:var(--font-body);width:100%}.pg-search input::placeholder{color:#b8b4ac}.pg-search.wide{width:260px}.pg-select{height:34px;border:1.5px solid #dedad2;border-radius:9px;padding:0 28px 0 12px;font-size:13px;font-family:var(--font-body);color:#3a3a38;background:#fff;outline:none;cursor:pointer;transition:border .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9a95' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;white-space:nowrap}.pg-select:focus{border-color:#7ec88a}.pg-sep{flex:1}.pg-tabs{display:flex;gap:0}.pg-tab{padding:10px 18px;font-size:13px;color:#8a8a85;cursor:pointer;border-bottom:2.5px solid transparent;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:6px}.pg-tab.active{color:var(--green-mid);border-bottom-color:var(--green-mid);font-weight:500}.pg-tab:hover:not(.active){color:#3a6e4d}.pg-tab-count{background:var(--green-pale);color:#3a6e4d;font-size:10px;font-weight:500;padding:1px 6px;border-radius:20px}.pg-tab.active .pg-tab-count{background:var(--green-mid);color:#e8f5ea}.pg-body{flex:1;overflow-y:auto;padding:20px 24px;background:var(--bg-page)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:14px 18px;border:1px solid var(--border);position:relative;overflow:hidden;display:flex;align-items:center;gap:14px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.stat-card.green:before{background:var(--green-light)}.stat-card.amber:before{background:#c49a3c}.stat-card.red:before{background:var(--danger)}.stat-card.blue:before{background:var(--info)}.stat-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.green{background:#e8f5ee;color:#2d6b44}.stat-icon.amber{background:#fff4e8;color:#a05a15}.stat-icon.red{background:#fef0f0;color:var(--danger)}.stat-icon.blue{background:#e8f0ff;color:var(--info)}.stat-label{font-size:10px;color:#8a8a85;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase;font-weight:500}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--text-head);line-height:1.1}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.tbl-card{background:#fff;border-radius:14px;border:1px solid var(--border);overflow:hidden}.tbl-head{padding:14px 18px 0;border-bottom:1px solid #eeeae2}.tbl-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tbl-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-head)}.tbl-subtitle{font-size:11px;color:var(--text-muted);margin-top:2px}.tbl-head-actions{display:flex;align-items:center;gap:8px}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl thead tr{background:var(--bg-subtle)}table.tbl thead th{padding:10px 16px;text-align:left;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-weight:500;border-bottom:1px solid #eeeae2}table.tbl tbody tr{border-bottom:1px solid #f5f3ef;transition:background .1s;cursor:pointer}table.tbl tbody tr:last-child{border-bottom:none}table.tbl tbody tr:hover{background:var(--bg-subtle)}table.tbl tbody tr.no-click{cursor:default}table.tbl td{padding:11px 16px;color:var(--text-body);vertical-align:middle}.cell-user{display:flex;align-items:center;gap:10px}.cell-av{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;overflow:hidden}.cell-av.round{border-radius:50%}.cell-av img{width:100%;height:100%;object-fit:cover}.cell-name{font-weight:500;font-size:13px;color:var(--text-head)}.cell-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}.chip-active{background:#e6f7ed;color:#2d7a4a}.chip-inactive{background:#fef0f0;color:var(--danger)}.chip-owner{background:#f0ebff;color:#5a3db0}.chip-admin,.chip-manager,.chip-qlcn{background:#e8f0ff;color:var(--info)}.chip-receptionist{background:var(--green-pale);color:#2d6b44}.chip-tech,.chip-ktv{background:#fff4e8;color:#a05a15}.chip-guest{background:#f5f5f5;color:#6a6a65}.chip-vip{background:#f0ebff;color:#5a3db0}.chip-gold{background:#fff8e6;color:#9a6a10}.chip-silver{background:#f1f5f9;color:#475569}.chip-standard{background:#f3f4f6;color:#6b7280}.chip-pending{background:#fff8ed;color:#8a5a10}.chip-confirmed{background:var(--green-pale);color:#2d6b44}.chip-arrived,.chip-inprogress{background:#e8f0ff;color:var(--info)}.chip-completed{background:#e6f7ed;color:#2d7a4a}.chip-cancelled,.chip-late-cancelled{background:#fef0f0;color:var(--danger)}.chip-custom{background:#fff8e6;color:#a05a15}.chip-draft{background:#f3f4f6;color:#6b7280}.chip-paused{background:#fff8ed;color:#8a5a10}.chip-ended{background:#fef0f0;color:var(--danger)}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:12px}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot.green{background:#3da85e}.dot.red{background:#e05252}.dot.amber{background:#c49a3c}.dot.blue{background:#2d4da8}.act-group{display:flex;align-items:center;gap:4px}.act-btn{display:inline-flex;align-items:center;gap:5px;padding:0 11px;height:28px;border-radius:7px;font-size:12px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .15s;border:1px solid;white-space:nowrap}.act-btn.deactivate{border-color:#f0c8c8;color:var(--danger);background:#fff}.act-btn.deactivate:hover{background:#fef0f0}.act-btn.activate{border-color:var(--green-mid);color:#e8f5ea;background:var(--green-mid)}.act-btn.activate:hover{background:#3a6e4d}.act-icon{width:28px;height:28px;border-radius:7px;border:1px solid #e4e0d8;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#6a6a65;transition:all .15s;position:relative}.act-icon:hover{background:#f0ece4;border-color:#d0ccc4}.act-icon[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--green-dark);color:#e8e2d4;font-size:10px;padding:3px 7px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:300}.dd-wrap{position:relative}.dd-toggle{width:28px;height:28px;border-radius:7px;border:1px solid #e4e0d8;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#6a6a65;transition:all .15s}.dd-toggle:hover{background:#f0ece4}.dd-menu{position:absolute;right:0;top:calc(100% + 5px);background:#fff;border:1px solid #e4e0d8;border-radius:10px;box-shadow:0 6px 24px #0000001a;min-width:200px;z-index:200;overflow:hidden;display:none}.dd-menu.open{display:block}.dd-section{padding:5px 0}.dd-section+.dd-section{border-top:1px solid var(--border-light)}.dd-label{font-size:10px;color:#b0b0a8;letter-spacing:1px;text-transform:uppercase;padding:5px 13px 2px;font-weight:500}.dd-item{display:flex;align-items:center;gap:9px;padding:8px 13px;font-size:13px;color:#3a3a38;cursor:pointer;transition:background .1s}.dd-item:hover{background:#f7f5f0}.dd-item svg{font-size:14px;color:#7a9b82}.dd-item.danger{color:#b83535}.dd-item.danger svg{color:var(--danger)}.dd-item.warning{color:#8a5a10}.dd-item.warning svg{color:#c49a3c}.muted{color:#c0bdb8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e1673;z-index:500;display:none;align-items:center;justify-content:center}.overlay.open{display:flex}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e1673;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:18px;box-shadow:0 24px 80px #0000002e;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;animation:slideUp .2s ease}.modal.sm{width:420px;max-width:95vw}.modal.md{width:540px;max-width:95vw}.modal.lg{width:680px;max-width:96vw}.modal:not(.sm):not(.md):not(.lg){width:100%;max-width:520px}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-head)}.modal-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #e4e0d8;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6a6a65;transition:all .15s}.modal-close:hover{background:#f5f3ee}.modal-body{flex:1;overflow-y:auto;padding:20px 24px}.modal-footer{padding:14px 24px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;background:var(--bg-subtle)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:#fff;z-index:1;flex-shrink:0}.modal-head h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-head)}.modal-x{width:30px;height:30px;border-radius:50%;background:var(--bg-page);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--text-muted);transition:all var(--t)}.modal-x:hover{background:var(--green-pale);color:var(--green-mid)}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:4px 24px 20px}.form-card{background:#fff;border-radius:14px;border:1px solid var(--border);overflow:hidden;margin-bottom:16px}.form-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-light)}.form-card-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-head)}.form-body{padding:16px 20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-row:last-child{margin-bottom:0}.form-field{margin-bottom:14px}.form-field:last-child{margin-bottom:0}.form-label{font-size:12px;color:#6a6a65;font-weight:500;margin-bottom:7px;display:block}.form-input{width:100%;background:#f7f5f2;border:1.5px solid #eeeae2;border-radius:9px;padding:10px 13px;font-size:13px;color:var(--text-body);font-family:var(--font-body);outline:none;transition:border .15s}.form-input:focus{border-color:#7ec88a;background:#fff}.form-input::placeholder{color:#c0bdb8}.form-input[readonly]{color:#7a7a75;cursor:default}textarea.form-input{resize:vertical;min-height:80px;line-height:1.55}.form-select{width:100%;background:#f7f5f2;border:1.5px solid #eeeae2;border-radius:9px;padding:10px 32px 10px 13px;font-size:13px;color:var(--text-body);font-family:var(--font-body);outline:none;transition:border .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9a95' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{border-color:#7ec88a;background-color:#fff}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:12px;font-weight:500;color:#6a6a65}.f-input{width:100%;padding:10px 13px;border:1.5px solid #eeeae2;border-radius:9px;font-size:13px;background:#f7f5f2;color:var(--text-body);transition:border-color var(--t)}.f-input:focus{border-color:#7ec88a;background:#fff;outline:none}.det-body{flex:1;display:flex;overflow:hidden}.det-sidebar{width:260px;min-width:260px;padding:20px 16px;background:var(--bg-page);border-right:1px solid #e4e0d8;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.det-card{background:#fff;border-radius:14px;border:1px solid var(--border);overflow:hidden}.det-card-banner{background:linear-gradient(135deg,var(--green-mid),var(--green-dark));height:70px;position:relative}.det-card-av-wrap{position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.det-card-av{width:60px;height:60px;border-radius:50%;border:3px solid #fff;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#e8f5ea;box-shadow:0 2px 12px #0000001f;overflow:hidden}.det-card-av img{width:100%;height:100%;object-fit:cover}.det-card-online{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#3da85e;border-radius:50%;border:2px solid #fff}.det-card-info{padding:36px 16px 16px;text-align:center}.det-card-name{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--text-head);margin-bottom:6px}.det-card-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;margin-bottom:14px}.det-divider{height:1px;background:var(--border-light);margin:0 16px}.det-meta-list{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.det-meta-row{display:flex;align-items:center;justify-content:space-between}.det-meta-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.det-meta-value{font-size:12px;color:var(--text-body);font-weight:500;text-align:right}.det-meta-badge{background:#e6f7ed;color:#2d7a4a;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px}.det-card-actions{padding:14px 16px;border-top:1px solid var(--border-light)}.btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:9px;font-size:12px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .15s}.btn-full.secondary{border:1.5px solid #c8d8ca;background:#fff;color:var(--green-mid)}.btn-full.secondary:hover{background:var(--green-pale)}.btn-full.danger{border:1.5px solid #f0c8c8;background:#fff;color:var(--danger)}.btn-full.danger:hover{background:#fef0f0}.det-right{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-page)}.det-tabs-bar{background:#fff;border-bottom:1px solid var(--border);flex-shrink:0;padding:0 24px;display:flex}.det-scroll{flex:1;overflow-y:auto;padding:24px}.alert{padding:10px 14px;border-radius:9px;font-size:13px}.alert-error{background:#fef0f0;color:var(--danger);border:1px solid #f0c8c8}.alert-warn{background:#fff4e8;color:#8a5a10;border:1px solid #f0ddb8}.alert-success{background:#e6f7ed;color:#2d7a4a;border:1px solid #a8deba}.alert-info{background:#e8f0ff;color:var(--info);border:1px solid #b8d0f0}.card{background:#fff;border-radius:14px;border:1px solid var(--border);overflow:hidden}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}.badge-green{background:#e6f7ed;color:#2d7a4a}.badge-red{background:#fef0f0;color:var(--danger)}.badge-yellow{background:#fff4e8;color:#8a5a10}.badge-blue{background:#e8f0ff;color:var(--info)}.badge-purple{background:#f0ebff;color:#5a3db0}.badge-teal{background:#ccfbf1;color:#0f766e}.badge-gray{background:#f3f4f6;color:#6b7280}.badge-orange{background:#fef0e0;color:#b05a1a}.badge-sand{background:#fff4e8;color:#a07830}.tbl thead th{padding:10px 16px;text-align:left;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-weight:500;background:var(--bg-subtle);border-bottom:1px solid #eeeae2;white-space:nowrap}.tbl td{padding:11px 16px;border-bottom:1px solid #f5f3ef;font-size:13px;color:var(--text-body)}.tbl tbody tr{transition:background var(--t)}.tbl tbody tr:hover td{background:var(--bg-subtle)}.tbl tbody tr:last-child td{border-bottom:none}.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ph-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text-head);margin-bottom:3px}.ph-sub{font-size:12px;color:var(--text-muted)}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;background:#fff;padding:12px 16px;border-radius:10px;border:1px solid var(--border);margin-bottom:16px}.filter-input{flex:1;min-width:180px;padding:8px 12px;border:1.5px solid #dedad2;border-radius:9px;font-size:13px;background:var(--bg-page);color:var(--text-body);transition:border-color var(--t);outline:none}.filter-input:focus{background:#fff;border-color:#7ec88a}.filter-select{padding:8px 28px 8px 12px;border:1.5px solid #dedad2;border-radius:9px;font-size:13px;background:var(--bg-page);color:var(--text-body);min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9a95' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--t)}.filter-select:focus{background-color:#fff;border-color:#7ec88a}.kpi-card{background:#fff;border-radius:12px;padding:16px 18px;border:1px solid var(--border);position:relative;overflow:hidden}.tab-bar{display:flex;gap:2px;background:var(--bg-page);padding:4px;border-radius:10px;border:1px solid var(--border);width:fit-content}.tab-item{padding:6px 14px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-muted);background:transparent;border:none;transition:all var(--t);white-space:nowrap}.tab-item:hover{color:var(--text-body)}.tab-item.active{background:#fff;color:var(--green-mid);font-weight:600;box-shadow:var(--sh-xs)}.avatar{border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--green-pale);color:var(--green-mid)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:500}.empty{text-align:center;padding:52px 24px;color:var(--text-muted);font-size:13px}.empty-icon{font-size:38px;margin-bottom:10px;opacity:.7}.skel{background:linear-gradient(90deg,#f0ece4 25%,#e8e4dc,#f0ece4 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:9px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sec-title{font-size:14px;font-weight:600;color:var(--text-head);margin-bottom:12px}hr.div{border:none;border-top:1px solid var(--border-light);margin:4px 0}.accent-bar{width:4px;height:18px;border-radius:2px;background:var(--green-mid);flex-shrink:0}.accent-bar-sand{background:var(--a-500)}.toggle-switch{width:38px;height:22px;border-radius:20px;background:#dedad2;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-switch.on{background:var(--green-mid)}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch.on:after{transform:translate(16px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.anim-fade{animation:fadeIn .25s ease}.anim-slide{animation:slideUp .25s ease}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}