:root{
  --bg:#f5f2e8;--paper:#ffffff;--ink:#173642;--muted:#6f7f86;--line:#dde5e2;--navy:#114654;--teal:#1f6d72;--gold:#c89b3c;--gold-soft:#e8d2a0;--sand:#efe2c8;--green:#5f8b67;--shadow:0 18px 50px rgba(16,48,58,.10);
}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,#f4efe4,#f8f6ef);color:var(--ink);font:14px/1.45 "Segoe UI",Arial,sans-serif}
a{color:var(--teal)}button,input,select,textarea{font:inherit}button{cursor:pointer}
.boot{min-height:100vh;display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--teal);letter-spacing:1px;background:radial-gradient(circle at 20% 20%,#fff8e9 0,#f7f4ea 45%,#efe9dd 100%)}.boot small{display:block;font-size:14px;font-weight:500;color:var(--muted);margin-top:10px}
.lang-switch{display:flex;gap:6px;align-items:center}.lang-btn{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;letter-spacing:.4px}.lang-btn.active{background:#fff;color:#124c59;border-color:#fff}.topbar .lang-btn{background:#f6f6f0;color:var(--ink);border-color:#dde6e8}.topbar .lang-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.premium .login-hero{position:relative;padding:7vw 8vw;display:flex;flex-direction:column;justify-content:center;color:#fff;overflow:hidden;background:linear-gradient(140deg,#0e4955 0%,#0e6a6f 48%,#234f46 100%)}
.login-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 82% 78%,rgba(200,155,60,.22),transparent 28%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'%3E%3Cpath d='M130 0v260M0 130h260'/%3E%3Ccircle cx='130' cy='130' r='110'/%3E%3Ccircle cx='130' cy='130' r='80'/%3E%3C/g%3E%3C/svg%3E") center/340px repeat;pointer-events:none}
.login-hero:after{content:"";position:absolute;right:-60px;bottom:-90px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#fff4d1 0,rgba(255,255,255,0) 70%);opacity:.22}
.hero-top{position:absolute;top:24px;right:24px;z-index:2}.login-logo{font-size:32px;font-weight:900;letter-spacing:3px;position:relative;z-index:1}.hero-tag{display:inline-block;margin-top:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;font-size:12px;position:relative;z-index:1}.login-hero h1{font-size:clamp(30px,3.7vw,52px);line-height:1.2;max-width:780px;margin:24px 0 18px;position:relative;z-index:1}.login-hero p{max-width:660px;color:#d9e5df;font-size:16px;position:relative;z-index:1}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;position:relative;z-index:1}.hero-badges span{border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}
.login-side{display:grid;place-items:center;padding:34px;background:linear-gradient(180deg,#f7f5ef,#f0ecdf)}.login-box{width:min(100%,430px);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(200,155,60,.16);border-radius:28px;padding:36px;box-shadow:0 24px 70px rgba(17,57,67,.12)}.login-box h2{font-size:26px;margin:0 0 6px}.login-box p{color:var(--muted);margin:0 0 22px}.brandmark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#b98416);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;margin-bottom:18px;box-shadow:0 10px 25px rgba(200,155,60,.35)}
.tiny{font-size:12px;color:var(--muted)}
.shell{display:flex;min-height:100vh}.side{width:280px;flex:0 0 280px;background:linear-gradient(180deg,#103d48 0,#0d3240 100%);color:#d9e6e8;padding:22px 14px;display:flex;flex-direction:column;position:sticky;height:100vh;top:0;overflow:auto}.brand{padding:8px 12px 20px}.brand strong{display:block;color:#fff;font-size:22px;font-weight:900;letter-spacing:1.7px}.brand small{color:#a9c0c7;line-height:1.5}.nav-group{font-size:10px;color:#92aeb6;letter-spacing:2px;text-transform:uppercase;margin:18px 13px 6px}.navbtn{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:0;color:#d0dfe2;text-align:left;border-radius:12px;padding:10px 12px;margin:2px 0;font-size:13px;transition:.18s}.navbtn:hover{background:#ffffff10;color:#fff}.navbtn.active{color:#fff;background:linear-gradient(135deg,#1e7481,#c89b3c)}.navbtn b{font-weight:600;flex:1}.mini-icon{width:26px;height:26px;display:inline-grid;place-items:center;background:#ffffff13;border-radius:8px;font-size:13px;flex:none}.aside-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding:18px 11px 2px;font-size:12px}.aside-foot strong{display:block;color:#fff}.aside-foot span{color:#a5bcc5}
.main{min-width:0;flex:1}.topbar{height:82px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:12px;position:sticky;top:0;z-index:3}.topbar .path{font-size:12px;color:var(--muted);display:block}.topbar h1{margin:0;font-size:23px;line-height:1.3}.top-actions{display:flex;align-items:center;gap:10px}.season-pill{background:#f6eee0;color:#8b6512}.logout{border:1px solid var(--line);padding:9px 14px;border-radius:10px;background:#fff;color:var(--ink)}.content{padding:28px 32px 50px;max-width:1700px;margin:0 auto}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.section-head h2{font-size:24px;margin:0 0 4px}.section-head p{margin:0;color:var(--muted);font-size:13px}.notice{padding:12px 16px;background:#eef7f6;border:1px solid #d2e5df;border-radius:16px;color:#355e66;margin-bottom:18px;font-size:12px}.notice.warn{background:#fff8ea;border-color:#ebd8a6;color:#7d5c12}.notice.error{background:#fff2f2;border-color:#f1cbcb;color:#933}
.layout-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.layout-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.layout-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kpi,.panel,.module-card,.summary-item{background:rgba(255,255,255,.92);border:1px solid rgba(200,155,60,.14);box-shadow:var(--shadow);border-radius:18px}.kpi{padding:20px}.kpi .name{color:#7a8589;font-size:12px}.kpi .value{font-size:clamp(22px,2.1vw,34px);font-weight:800;letter-spacing:-.6px;margin:8px 0 2px;white-space:nowrap}.kpi .unit{font-size:12px;font-weight:500;color:var(--muted)}.kpi .sub{font-size:11px;color:#97a0a4}
.panel{padding:22px;margin-bottom:17px}.panel h3{font-size:17px;margin:0 0 12px}.premium-panel{position:relative;overflow:hidden}.premium-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--teal),var(--gold));opacity:.9}
.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.toolbar.right{justify-content:flex-end}.spaced{display:flex;justify-content:space-between;align-items:center;gap:10px}
.btn{background:var(--teal);border:1px solid var(--teal);color:#fff;border-radius:10px;padding:10px 15px;font-weight:700}.btn:hover{filter:brightness(.96)}.btn.gold{background:linear-gradient(135deg,#c89b3c,#b77d18);border-color:#b77d18}.btn.secondary{background:#fff;color:var(--teal);border:1px solid #b8d0d4}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#fff2f3;color:#ac3344;border-color:#ffd8dc}.btn.sm{padding:6px 10px;font-size:12px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.field{min-width:0;display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:700;color:#4d6770}.field input,.field select,.field textarea,.search,.dateinput{width:100%;border:1px solid #d2ddde;background:#fff;border-radius:11px;padding:10px 12px;color:var(--ink);min-height:42px}.field .hint{font-size:10px;color:var(--muted)}.field.full{grid-column:1/-1}.req{color:#cc3b3b}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.module-card{padding:18px;cursor:pointer;transition:.18s;border:1px solid rgba(17,77,89,.08)}.module-card:hover{transform:translateY(-2px);border-color:#d8b86f;box-shadow:0 18px 34px rgba(17,58,65,.12)}.module-card strong{display:block;font-size:15px;margin:7px 0}.module-card small{font-size:11px;color:var(--muted)}
.pill{display:inline-block;border-radius:999px;padding:4px 10px;background:#e8f3f2;color:#1d6c72;font-size:11px;font-weight:800}.pill.green{background:#eaf7ee;color:#257148}.pill.orange{background:#fff5de;color:#9a6707}.pill.red{background:#ffe8ea;color:#ad3943}
.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px;font-size:12px}.data-table th{background:#f9f6ef;color:#6b6555;text-align:left;font-weight:800;padding:12px 13px;border-bottom:1px solid #eadfc7;white-space:nowrap}.data-table td{padding:11px 13px;border-bottom:1px solid #eef0f1;vertical-align:top}.data-table tr:hover td{background:#fbfaf6}.empty{text-align:center;padding:42px 20px;color:var(--muted)}
.record{border-bottom:1px solid var(--line);padding:13px 0}.record:last-child{border:0}.record dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;margin:8px 0 0}.record dt{color:var(--muted);font-size:11px}.record dd{font-size:12px;margin:0;word-break:break-word}.summary-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-item{padding:14px;background:#fefdf9}.summary-item strong{display:block;font-size:15px}.summary-item small{display:block;color:var(--muted);font-size:11px}.legend{font-size:11px;color:var(--muted);display:flex;gap:12px;margin-top:7px}.badge-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.chart text{font:11px system-ui,Arial;fill:#6f7e85}.chart .gridline{stroke:#e7ebe9;stroke-width:1}
.code,.mono{font-family:ui-monospace,Consolas,monospace}.muted{color:var(--muted)}.mobile-top{display:none;border:0;background:#ecf3f4;border-radius:8px;padding:6px 11px;font-size:20px}.form-help{background:#f6fbfb;border-left:3px solid var(--teal);padding:12px 14px;font-size:12px;color:#486d75;margin-bottom:20px;border-radius:10px}.hr{height:1px;background:var(--line);margin:20px 0}
#toast{position:fixed;right:18px;bottom:18px;transform:translateY(18px);opacity:0;background:#183d49;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.2);transition:.22s;z-index:20;font-size:13px}#toast.show{opacity:1;transform:translateY(0)}#toast.error{background:#922}
@media(max-width:1120px){.layout-4{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side{width:232px;flex-basis:232px}.content{padding:22px}}
@media(max-width:760px){.login-page{grid-template-columns:1fr}.premium .login-hero{padding:42px 26px}.login-hero h1{font-size:28px}.login-hero p{font-size:14px}.hero-top{position:static;margin-bottom:16px}.login-side{padding:16px}.login-box{padding:24px}.side{position:fixed;top:0;bottom:0;transform:translateX(-103%);z-index:9;transition:transform .2s;width:272px}.side.visible{transform:translateX(0)}.mobile-top{display:block}.topbar{height:76px;padding:0 14px}.topbar h1{font-size:17px}.top-actions .season-pill{display:none}.content{padding:15px 13px 40px}.layout-4,.layout-3,.layout-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel{padding:14px}.kpi{padding:14px}.form-grid{grid-template-columns:1fr}.summary-list{grid-template-columns:1fr}.section-head{flex-direction:column}.record dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.layout-4,.layout-3,.layout-2{grid-template-columns:1fr}}

.btn.xl{padding:13px 22px;font-size:15px;border-radius:14px}
.cover-stage{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;min-height:calc(100vh - 150px)}
.cover-hero,.cover-card{position:relative;overflow:hidden}
.cover-hero{background:linear-gradient(135deg,rgba(12,71,78,.96),rgba(25,95,87,.93)), radial-gradient(circle at 20% 25%,rgba(255,255,255,.14),transparent 26%), radial-gradient(circle at 78% 80%,rgba(200,155,60,.24),transparent 25%);border-radius:28px;padding:44px 42px 42px;color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(200,155,60,.14)}
.cover-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'%3E%3Cpath d='M40 250c30-38 63-61 99-61 63 0 77 55 129 55 23 0 42-7 53-14'/%3E%3Cpath d='M27 279c35-24 67-37 103-37 56 0 84 35 131 35 26 0 49-6 69-14'/%3E%3Cpath d='M40 120c14 5 28 21 34 41 18-4 29-17 37-39 10 17 24 29 45 34-17 10-28 24-33 45-7-17-20-29-39-35-10 21-25 35-44 41 14-24 14-60 0-87z'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;opacity:.8;pointer-events:none}
.cover-topline{display:inline-block;margin-bottom:14px;color:#f2dfaf;font-weight:800;letter-spacing:2px;font-size:12px;position:relative;z-index:1}
.cover-hero h2{font-size:clamp(34px,4vw,56px);line-height:1.08;margin:0 0 16px;position:relative;z-index:1}
.cover-subtitle{font-size:18px;max-width:760px;color:#e7efe9;position:relative;z-index:1;margin:0 0 14px}
.cover-desc{max-width:720px;color:#d1e1dc;font-size:14px;position:relative;z-index:1;margin:0 0 24px}
.cover-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;position:relative;z-index:1}.cover-badges span{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-size:12px}
.cover-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.cover-side{display:flex;align-items:stretch}.cover-card{background:linear-gradient(180deg,#fffdfa,#f5eee1);border-radius:28px;padding:28px;display:flex;flex-direction:column;justify-content:center;min-height:100%}.cover-card-title{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#90723a;font-weight:800}.cover-user{font-size:30px;font-weight:900;line-height:1.15;margin-top:12px}.cover-role{font-size:13px;color:var(--muted);margin-top:6px}.cover-divider{height:1px;background:linear-gradient(90deg,rgba(200,155,60,.55),rgba(200,155,60,0));margin:22px 0}.cover-features{display:grid;gap:12px}.feature-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #efe7d6}.feature-row:last-child{border-bottom:0}.feature-row b{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#f3e2b9;color:#805d16;flex:none}.feature-row span{font-size:14px;color:#2a474d;font-weight:600}
@media(max-width:900px){.cover-stage{grid-template-columns:1fr}.cover-hero{padding:30px 24px}.cover-card{padding:22px}.cover-user{font-size:25px}.cover-subtitle{font-size:16px}}

/* V4.2: approved company brand integration (unmodified artwork). */
.login-logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto 16px;background:#fff;border:1px solid rgba(201,172,107,.24);border-radius:18px;padding:10px 16px;box-shadow:0 8px 24px rgba(13,55,62,.05)}
.login-brand-logo{display:block;max-width:min(100%,265px);max-height:190px;object-fit:contain;width:100%;height:auto}
.brand-row{display:flex;align-items:center;gap:11px}
.brand-emblem{width:60px;min-width:60px;height:58px;display:grid;place-items:center;background:#fff;border:1px solid rgba(200,155,60,.25);border-radius:14px;padding:6px;box-shadow:0 7px 16px rgba(0,0,0,.13)}
.brand-emblem img{max-width:100%;max-height:100%;object-fit:contain}
.brand-copy{min-width:0}.brand-copy strong{font-size:17px;letter-spacing:1px;white-space:nowrap}
.brand-copy small{font-size:10px;line-height:1.4}
.cover-logo-panel{width:100%;background:white;border:1px solid rgba(199,171,111,.33);box-shadow:0 15px 38px rgba(22,57,54,.07);border-radius:18px;padding:10px 15px;margin-bottom:26px;display:flex;justify-content:center;align-items:center}
.cover-brand-logo{display:block;width:100%;max-width:335px;max-height:230px;object-fit:contain;filter:none}
.cover-card-title{margin-top:2px}
@media(max-width:1120px){.brand-row{gap:6px}.brand-emblem{width:46px;min-width:46px;height:47px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:9px}}
@media(max-width:760px){.login-brand-logo{max-width:200px}.cover-brand-logo{max-width:260px}.cover-logo-panel{padding:7px 10px;margin-bottom:16px}.brand-emblem{width:48px;min-width:48px;height:48px}}



/* V5 responsive welcome cover. Scenic photo contains NO interface, text, counters or logos. */
.cover-root{min-height:100vh;display:flex;position:relative;isolation:isolate;overflow:hidden;color:#123f36;font-family:"Segoe UI",Arial,sans-serif}
.cover-photo{position:fixed;inset:0;z-index:-2;background-image:url('/final_cover.webp');background-size:cover;background-position:center center;background-repeat:no-repeat}
.cover-root::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,242,221,.38) 0%,rgba(250,242,221,.10) 60%,rgba(250,242,221,0) 100%);pointer-events:none}
.cover-side{flex:0 0 198px;width:198px;min-height:100vh;background:linear-gradient(168deg,rgba(2,59,51,.98),rgba(3,47,43,.96));color:#e3d1a1;display:flex;flex-direction:column;box-shadow:10px 0 35px #0d342841;z-index:2}
.cover-side-brand{display:flex;align-items:center;flex-direction:column;padding:21px 8px 18px;border-bottom:1px solid #c09b4540;text-align:center}.cover-side-brand img{width:65px;height:53px;object-fit:contain;background:#ffffff;border-radius:5px;max-width:100%}.cover-side-brand strong{font:700 17px Georgia,serif;color:#fff;margin:11px 0 3px}.cover-side-brand small{font-size:9px;letter-spacing:1.1px;line-height:1.5}
.cover-side-nav{padding:20px 10px;display:flex;flex-direction:column;gap:5px}.cover-nav-item{border:0;border-radius:11px;background:none;color:#f4f0e4;display:flex;align-items:center;gap:9px;text-align:left;padding:10px 11px;font-size:13px;line-height:1.4;cursor:pointer}.cover-nav-item:hover,.cover-nav-item:focus-visible{background:#c09b454a;color:#fff}.cover-menu-icon{width:27px;height:25px;display:grid;place-items:center;font-size:19px;color:#e6c67b;flex:none}.cover-side-place{margin-top:auto;padding:15px 22px 34px;font-size:10px;letter-spacing:2px;line-height:2.15;color:#e7bb69}
.cover-main{min-width:0;flex:1;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}
.cover-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(15px,3vw,48px) 10px;gap:10px;min-height:73px}.cover-topbar>span{font-size:11px;font-weight:800;color:#5a583c;letter-spacing:1.1px;text-shadow:0 1px 9px #fff9eb}.cover-top-actions{display:flex;gap:10px;align-items:center}.cover-top-actions .lang-switch{padding:4px;background:#ffffffd9;border-radius:30px;border:1px solid #e4d8c7}.cover-top-actions .lang-btn{color:#164638;background:transparent;border:0;padding:7px 10px;box-shadow:none}.cover-top-actions .lang-btn.active{color:#fff;background:#063f34}.cover-username{color:#103f35;font-size:12px;font-weight:800;text-shadow:0 1px 9px #fff6e7}.cover-top-actions>button{border:0;border-radius:10px;padding:9px 13px;background:#0b5144;color:#fff;font-weight:700}
.cover-content{width:100%;flex:1;display:flex;flex-direction:column;min-width:0;padding:clamp(16px,4vw,48px) clamp(15px,3vw,48px) 20px;gap:18px}
.cover-hero-row{display:grid;grid-template-columns:minmax(0, 1fr) minmax(230px, 320px);align-items:start;gap:clamp(18px,3vw,50px);flex:1;min-height:390px}
.cover-intro{max-width:700px;padding:clamp(22px,2.5vw,35px);border-radius:24px;background:linear-gradient(125deg,#fff9e9f0,#fff7e3d8);box-shadow:0 17px 48px #17492b29;border:1px solid #dac68a77;backdrop-filter:blur(9px)}
.cover-company{display:flex;gap:14px;align-items:center}.cover-company img{width:58px;height:58px;object-fit:contain;border-radius:6px;background:#fff}.cover-company strong{display:block;font:700 clamp(19px,1.8vw,26px) Georgia,serif;color:#093b34;letter-spacing:.3px}.cover-company small{display:block;font-size:10px;letter-spacing:1.2px;color:#9d7939;margin-top:3px}
.cover-intro h1{font:700 clamp(30px,3.3vw,48px)/1.16 Georgia,"Times New Roman",serif;margin:23px 0 11px;color:#103b31}.cover-lead{font-size:clamp(13px,1.15vw,17px);font-weight:750;color:#18473b;margin:0 0 10px}.cover-tagline{font-size:13px;color:#516c5e;line-height:1.6;margin:0 0 21px}.cover-enter-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.cover-enter{background:linear-gradient(125deg,#d6b364,#a9771d);color:#fff;border:0;border-radius:50px;padding:13px 27px;font-weight:800;font-size:15px;box-shadow:0 13px 27px #9d691b45}.cover-enter span{margin-left:13px}.cover-return{font-size:13px;color:#42665b;font-weight:700}
.cover-date-panel{border:2px solid #d4b769;outline:2px solid #073f32;border-radius:16px;background:linear-gradient(155deg,#064839,#103831);color:#f7de96;text-align:center;padding:22px 18px;box-shadow:0 16px 40px #062b2861}.cover-date-number{font:700 clamp(19px,2vw,27px)/1.25 Georgia,serif}.cover-date-origin{font-size:12px;color:#fff5da;margin-top:12px;line-height:1.5}
.cover-lower{display:flex;flex-direction:column;gap:12px}.cover-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:860px;margin-left:auto;width:78%}.cover-feature-list button{display:flex;align-items:center;gap:14px;min-height:91px;padding:15px;border:1px solid #e1c78d;border-radius:17px;background:#fffaf0eb;backdrop-filter:blur(8px);color:#133e34;box-shadow:0 10px 33px #183e3245;cursor:pointer;text-align:left}.cover-feature-list button:hover{background:#fffaf3}.cover-feature-list span{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(130deg,#d4b15e,#986a17);font-size:22px}.cover-feature-list b{font-size:13px;line-height:1.4}
.cover-quote{background:linear-gradient(120deg,#063f34,#08332d);border:2px solid #d4a847;border-radius:18px;padding:12px 22px;color:#f3d899;display:flex;justify-content:center;gap:26px;align-items:center;max-width:850px;width:82%;margin-left:auto;margin-right:auto;box-shadow:0 13px 33px #14392b9b}.cover-quote p{font:italic clamp(13px,1.25vw,17px)/1.4 Georgia,serif;text-align:center;margin:0}.cover-quote span{font:italic 16px Georgia,serif;white-space:nowrap;color:#ffebb9}
.cover-footer{align-self:flex-end;font-size:9px;letter-spacing:1.7px;color:#fff3ce;text-shadow:0 2px 9px #123828;font-weight:800}
@media(max-width:1150px){.cover-side{flex:0 0 160px;width:160px}.cover-hero-row{grid-template-columns:minmax(0,1fr) 245px;gap:14px}.cover-content{padding:20px}.cover-feature-list{width:100%}.cover-quote{width:95%}.cover-topbar{padding:12px 20px}.cover-company strong{font-size:20px}}
@media(max-width:850px){.cover-root{display:block}.cover-side{display:none}.cover-main{min-height:100vh}.cover-topbar{flex-wrap:wrap;justify-content:center;min-height:62px}.cover-topbar>span{display:none}.cover-content{padding:14px 15px 24px}.cover-hero-row{grid-template-columns:1fr;min-height:0;gap:16px}.cover-intro{max-width:none}.cover-date-panel{order:-1;max-width:450px;margin-left:auto;margin-right:auto;padding:14px 20px}.cover-lower{margin-top:10px}.cover-feature-list{max-width:none}.cover-quote{width:100%}.cover-footer{display:none}}
@media(max-width:550px){.cover-top-actions{flex-wrap:wrap;justify-content:center}.cover-username{display:none}.cover-content{gap:14px}.cover-intro{padding:21px}.cover-intro h1{font-size:29px}.cover-feature-list{grid-template-columns:1fr;gap:8px}.cover-feature-list button{min-height:63px}.cover-quote{padding:13px 10px;gap:10px}.cover-quote p{font-size:12px}.cover-quote span{font-size:12px}}

/* ZHANASSYL V5.1 — quiet luxury industrial homepage; all interaction remains real DOM. */
.cover-v51{--cover-gold:#c7a258;--cover-dark:#073e35;min-height:100svh;overflow-x:hidden;background:#e5dfd1;color:#153d35}
.cover-v51 .cover-photo{background-position:center center;background-size:cover;image-rendering:auto;transform:translateZ(0)}
.cover-v51::after{background:linear-gradient(90deg,rgba(255,248,225,.16),rgba(255,248,225,.015) 60%,transparent 90%)}
.cover-v51 .cover-side{flex-basis:170px;width:170px;background:linear-gradient(160deg,#062e2a 0%,#07443c 50%,#042e2b 100%);box-shadow:6px 0 29px rgba(2,40,38,.27);border-right:1px solid #ceae6d77}
.cover-v51 .cover-side::after{content:"";position:absolute;bottom:145px;left:11px;width:145px;height:90px;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'%3E%3Cg fill='none' stroke='%23dfc383' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M10 110 Q45 108 52 66 Q59 23 22 25 Q4 28 12 47 Q22 63 34 49 M190 110 Q155 108 148 66 Q141 23 178 25 Q196 28 188 47 Q178 63 166 49 M48 102 Q100 32 152 102 M65 96 Q100 64 135 96'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat}
.cover-v51 .cover-side-brand{padding:18px 8px 19px;position:relative}
.cover-v51 .cover-side-brand img{width:54px;height:55px;border-radius:50%;background:rgba(255,255,255,.97);padding:5px}
.cover-v51 .cover-side-brand strong{font-size:14px;letter-spacing:.25px;margin-top:9px}
.cover-v51 .cover-side-brand small{font-size:8px;letter-spacing:1px}
.cover-v51 .cover-side-nav{padding:22px 8px;gap:5px}
.cover-v51 .cover-nav-item{padding:10px 11px;font-size:12px;border-radius:9px;transition:background .2s,transform .2s}
.cover-v51 .cover-nav-item:hover{transform:translateX(3px)}
.cover-v51 .cover-menu-icon{width:23px;flex-basis:23px;font-size:17px}
.cover-v51 .cover-side-place{font-size:9px;padding:15px 14px 23px;letter-spacing:1.7px}
.cover-v51 .cover-heritage{display:block;width:57px;border-top:1px solid #cfa75c;margin:0 0 12px 0}
.cover-v51 .cover-main{min-height:100svh}
.cover-v51 .cover-topbar{padding:17px clamp(22px,3.1vw,51px) 8px;min-height:74px}
.cover-v51 .cover-top-location{font-weight:700;letter-spacing:1.7px;font-size:11px;color:#173e37}
.cover-v51 .cover-top-location i{font-style:normal;color:#b58a43;margin:0 7px}
.cover-v51 .cover-top-actions .lang-switch{background:rgba(255,252,240,.90);border-color:#d9c49c;box-shadow:0 5px 19px #062d2320}
.cover-v51 .cover-top-actions .lang-btn.active{background:#0a5143}
.cover-v51 .cover-top-actions>button{background:#0d493e;border:1px solid #c3a35f;color:#fff}
.cover-v51 .cover-content{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100svh - 74px);padding:clamp(20px,3.2vh,42px) clamp(24px,3vw,52px) 24px;gap:24px}
.cover-v51 .cover-upper{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;flex:1}
.cover-v51 .cover-intro{max-width:470px;width:min(40vw,470px);padding:24px 27px 25px;background:linear-gradient(90deg,rgba(255,249,233,.88),rgba(255,248,230,.70));border:1px solid rgba(221,188,128,.79);border-left:3px solid #bd9855;border-radius:3px 20px 20px 3px;box-shadow:0 14px 45px rgba(21,62,51,.15);backdrop-filter:blur(7px);position:relative}
.cover-v51 .cover-intro::before{content:"";position:absolute;left:9px;top:10px;width:24px;height:24px;border-top:2px solid #b68d42;border-left:2px solid #b68d42;border-radius:6px 0 0 0;opacity:.6}
.cover-v51 .cover-overline{display:flex;align-items:center;gap:8px;letter-spacing:1.75px;font-size:10px;font-weight:800;color:#90763b;margin:0 0 15px 17px}
.cover-v51 .cover-overline-diamond{font-size:8px;color:#ad8641}
.cover-v51 .cover-company{gap:9px}
.cover-v51 .cover-company img{width:41px;height:43px;background:transparent}
.cover-v51 .cover-company strong{font:700 19px Georgia,serif;letter-spacing:.6px}
.cover-v51 .cover-company small{font-size:9px;letter-spacing:1.3px;color:#9b7333}
.cover-v51 .cover-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,2.6vw,39px);line-height:1.13;margin:18px 0 12px;letter-spacing:-.5px;max-width:420px}
.cover-v51 .cover-lead{font-size:clamp(13px,1.08vw,15px);margin:0 0 9px;line-height:1.45;color:#194c41}
.cover-v51 .cover-tagline{font-size:12px;line-height:1.55;color:#577064;margin:0 0 20px}
.cover-v51 .cover-enter-row{gap:14px}
.cover-v51 .cover-enter{font-size:13px;padding:12px 19px;border-radius:10px;background:linear-gradient(125deg,#d6b46a,#ac7e2d);transition:transform .18s,box-shadow .18s;box-shadow:0 10px 22px #a3772452}
.cover-v51 .cover-enter:hover{transform:translateY(-2px);box-shadow:0 14px 26px #8e5c294b}
.cover-v51 .cover-return{font-size:11px;line-height:1.5}
.cover-v51 .cover-date-panel{max-width:246px;width:246px;flex:none;padding:16px 15px 17px;border:1px solid rgba(215,180,105,.93);outline:1px solid #174c3c;background:linear-gradient(155deg,rgba(2,65,51,.94),rgba(9,45,37,.93));box-shadow:0 12px 31px #0a2d2947;border-radius:12px;position:relative}
.cover-v51 .cover-date-panel::before{content:"✦";position:absolute;top:9px;left:12px;color:#cda658;font-size:14px}
.cover-v51 .cover-date-panel::after{content:"✦";position:absolute;top:9px;right:12px;color:#cda658;font-size:14px}
.cover-v51 .cover-date-eyebrow{font-size:8px;letter-spacing:1.75px;font-weight:800;color:#dfc789}
.cover-v51 .cover-date-caption{font-size:12px;color:#f4e8c3;margin:10px auto 3px}
.cover-v51 .cover-date-number{display:flex;justify-content:center;align-items:baseline;gap:7px;margin:0}
.cover-v51 .cover-date-number strong{font:700 52px/1 Georgia,serif;color:#f1ce81}
.cover-v51 .cover-date-number small{font-size:14px;color:#f5e8ca}
.cover-v51 .cover-date-origin{margin-top:8px;font-size:10px;color:#e4e0cb}
.cover-v51 .cover-lower{align-self:flex-start;width:min(100%,620px);margin:0;display:flex;flex-direction:column;gap:11px;padding-top:8px}
.cover-v51 .cover-feature-list{max-width:none;margin:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cover-v51 .cover-feature-list button{min-height:68px;padding:11px 10px;gap:8px;border-radius:11px;border-color:#d9bf89;background:rgba(255,251,239,.85);box-shadow:0 8px 22px #143a3029;backdrop-filter:blur(10px);transition:transform .18s,background .18s}
.cover-v51 .cover-feature-list button:hover{transform:translateY(-2px);background:#fffaf0}
.cover-v51 .cover-feature-list span{width:30px;height:30px;font-size:15px}
.cover-v51 .cover-feature-list b{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.cover-v51 .cover-quote{width:100%;max-width:none;margin:0;display:flex;justify-content:flex-start;gap:11px;align-items:center;text-align:left;padding:11px 17px 12px 14px;background:linear-gradient(110deg,rgba(3,58,48,.92),rgba(7,49,43,.87));box-shadow:0 12px 26px #0e362e51;border:1px solid #d1aa61;border-radius:12px}
.cover-v51 .cover-quote-ornament{font-size:26px;color:#ceaa60;line-height:1;flex:none}
.cover-v51 .cover-quote blockquote{font:italic clamp(12px,1.0vw,15px)/1.5 Georgia,'Times New Roman',serif;color:#f6dda2;margin:0;flex:1}
.cover-v51 .cover-quote figcaption{font:italic 13px Georgia,serif;color:#fce5b4;white-space:nowrap}
.cover-v51 .cover-footer{align-self:flex-start;margin-left:2px;letter-spacing:2px;text-shadow:0 2px 10px #062e25;color:#f8e7c3;font-size:9px}
.cover-v51 .cover-footer span{color:#d6aa59;margin:0 4px}
@media(min-width:1900px){.cover-v51 .cover-intro{width:475px}.cover-v51 .cover-lower{width:655px}}
@media(max-width:1380px){.cover-v51 .cover-side{flex-basis:148px;width:148px}.cover-v51 .cover-side-brand strong{font-size:12px}.cover-v51 .cover-content{padding:19px 24px 19px}.cover-v51 .cover-topbar{padding:14px 24px 6px}.cover-v51 .cover-intro{width:min(41vw,430px);padding:21px 22px 22px}.cover-v51 .cover-date-panel{width:225px}.cover-v51 .cover-lower{max-width:570px}}
@media(max-height:800px) and (min-width:901px){.cover-v51 .cover-content{gap:10px;padding-top:13px;padding-bottom:12px}.cover-v51 .cover-intro{padding:16px 20px 17px}.cover-v51 .cover-intro h1{font-size:30px;margin:12px 0 7px}.cover-v51 .cover-overline{margin-bottom:8px}.cover-v51 .cover-tagline{margin-bottom:13px}.cover-v51 .cover-company img{width:37px;height:38px}.cover-v51 .cover-company strong{font-size:17px}.cover-v51 .cover-feature-list button{min-height:57px;padding:8px}.cover-v51 .cover-quote{padding:8px 12px}.cover-v51 .cover-date-panel{padding:12px}}
@media(max-width:900px){.cover-v51 .cover-root{display:block}.cover-v51 .cover-side{display:none}.cover-v51 .cover-main{min-height:100svh}.cover-v51 .cover-upper{display:flex;gap:12px;flex-direction:column;justify-content:flex-start}.cover-v51 .cover-intro{width:min(100%,510px);max-width:510px}.cover-v51 .cover-date-panel{order:-1;align-self:flex-end;margin:0;width:auto;max-width:210px;min-width:180px;padding:8px 14px}.cover-v51 .cover-date-eyebrow{display:none}.cover-v51 .cover-date-caption{margin:3px auto}.cover-v51 .cover-date-number strong{font-size:34px}.cover-v51 .cover-date-origin{font-size:9px;margin-top:2px}.cover-v51 .cover-lower{width:100%;max-width:600px;margin-top:18px}.cover-v51 .cover-content{padding:12px 16px 18px}.cover-v51 .cover-topbar{min-height:58px}.cover-v51 .cover-photo{background-position:58% center}}
@media(max-width:550px){.cover-v51 .cover-topbar{justify-content:center}.cover-v51 .cover-top-location{display:none}.cover-v51 .cover-intro{padding:17px}.cover-v51 .cover-intro h1{font-size:27px}.cover-v51 .cover-lead{font-size:13px}.cover-v51 .cover-content{padding:12px 11px 24px}.cover-v51 .cover-feature-list{grid-template-columns:1fr 1fr;gap:7px}.cover-v51 .cover-feature-list button{min-height:59px}.cover-v51 .cover-feature-list button:last-child{grid-column:1/-1}.cover-v51 .cover-quote{padding:9px 10px}.cover-v51 .cover-quote-ornament{display:none}.cover-v51 .cover-quote blockquote{font-size:12px}.cover-v51 .cover-date-panel{align-self:center}.cover-v51 .cover-username{display:none}}
@media(prefers-reduced-motion:reduce){.cover-v51 *{scroll-behavior:auto!important;transition:none!important}}