*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;color:#102a25;background:#f3f7f5}a{color:inherit}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#043c2f,#08735a)}.login-card{width:min(460px,92vw);background:#fff;padding:38px;border-radius:24px;box-shadow:0 24px 70px #001b1440}.brand{font-size:28px;font-weight:900}.brand span{color:#d2a33e}.login-card p,.muted{color:#65756f}.login-card label{display:block;font-weight:700;margin:18px 0 7px}.login-card input{width:100%;padding:14px;border:1px solid #cad7d2;border-radius:12px;font-size:16px}.login-card button,.logout{display:inline-block;background:#087054;color:#fff;border:0;border-radius:12px;padding:14px 18px;font-weight:800}.login-card button{width:100%;margin:20px 0}.err,.ok{padding:12px;border-radius:10px;margin:15px 0}.err{background:#fdeaea;color:#b42318}.ok{background:#e8f7ef;color:#087054}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#043c2f;color:white;padding:25px 14px}aside .brand{padding:0 10px 20px;color:#efc65d;font-size:23px}aside nav{display:grid;gap:5px}aside nav a{padding:11px 12px;text-decoration:none;border-radius:10px}aside nav a:hover{background:#145846}.app{margin-left:245px}.app header{height:68px;background:white;border-bottom:1px solid #dce6e2;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:5}.app main{padding:28px}.app h1{margin:0;font-size:30px}.logout{padding:9px 13px;text-decoration:none;margin-left:12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.stats article,.panel{background:white;border:1px solid #dce6e2;border-radius:16px;padding:20px;box-shadow:0 8px 28px #183b3010}.stats span{display:block;color:#687872;font-size:13px;text-transform:uppercase}.stats strong{font-size:27px;margin-top:7px;display:block}.panel{margin-top:20px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick a{padding:18px;border:1px solid #dce6e2;border-radius:13px;text-decoration:none;background:#fbfdfc}.chat-fab{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#17a668;color:white;text-decoration:none;font-size:25px;box-shadow:0 10px 30px #0003}@media(max-width:850px){aside{position:static;width:auto}.app{margin-left:0}.app header{position:static}.stats,.quick{grid-template-columns:1fr}.app main{padding:18px}}
.brand-flex{display:flex;align-items:center;gap:10px}.brand-flex img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:white}.brand-flex b{font-size:18px}.header-right{display:flex;align-items:center;gap:12px}.garden-chip,.btn{background:#eaf7ef;color:#086044;border:1px solid #bfe0ce;padding:9px 13px;border-radius:12px;text-decoration:none;font-weight:800}.hero{display:flex;justify-content:space-between;align-items:center}.garden-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.garden-card{background:#fff;border:1px solid #dce6e2;border-radius:18px;padding:24px;text-align:left;box-shadow:0 8px 28px #183b3010}.garden-card button,.btn-primary{background:#087054;color:#fff;border:0;border-radius:11px;padding:12px 16px;font-weight:800;cursor:pointer}.garden-icon{font-size:34px}.login-logo{text-align:center}.login-logo img{width:130px;height:130px;object-fit:contain}.login-card h2{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px;border:1px solid #ccd9d4;border-radius:10px;margin-top:6px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;margin-top:14px}.data-table th,.data-table td{padding:11px;border-bottom:1px solid #e1e9e5;text-align:left}.data-table th{background:#f5faf7}.badge{padding:4px 8px;border-radius:999px;background:#eaf7ef;font-size:12px}@media(max-width:850px){.garden-grid,.form-grid{grid-template-columns:1fr}.header-right span{display:none}}
/* 2026 professional UI upgrade */
body{overflow-x:hidden}.menu-btn{display:none;border:0;background:#eaf7ef;border-radius:10px;padding:9px 11px;font-size:20px}.head-left{display:flex;align-items:center;gap:12px}.garden-switch{display:flex;align-items:center;gap:7px;background:#eaf7ef;border:1px solid #bfe0ce;padding:4px 8px;border-radius:12px}.garden-switch select{border:0;background:transparent;color:#075c43;font-weight:800;max-width:190px;padding:5px;outline:none}aside nav a.active{background:#126149;color:#fff}.chat-fab{border:0;cursor:pointer}.chat-widget{position:fixed;right:22px;bottom:92px;width:min(360px,calc(100vw - 28px));height:500px;max-height:70vh;background:#fff;border:1px solid #d8e4df;border-radius:20px;box-shadow:0 24px 70px #001b1440;z-index:30;display:none;overflow:hidden}.chat-widget.open{display:flex;flex-direction:column}.chat-head{background:#087054;color:#fff;padding:15px 17px;display:flex;justify-content:space-between;align-items:center}.chat-head small{display:block;opacity:.8;margin-top:2px}.chat-head button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.chat-body{flex:1;padding:15px;overflow:auto;background:#f6faf8}.bot-msg,.user-msg{padding:10px 12px;border-radius:14px;margin:8px 0;max-width:88%;line-height:1.4}.bot-msg{background:#fff;border:1px solid #dce6e2}.user-msg{background:#087054;color:#fff;margin-left:auto}.chat-options{display:flex;gap:6px;flex-wrap:wrap}.chat-options button{border:1px solid #bfe0ce;background:#eaf7ef;color:#075c43;border-radius:999px;padding:7px 10px;cursor:pointer}.chat-input{display:flex;padding:10px;border-top:1px solid #e2ebe7}.chat-input input{flex:1;border:1px solid #d2dfda;border-radius:12px;padding:11px}.chat-input button{border:0;background:#087054;color:#fff;border-radius:12px;margin-left:7px;width:44px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.module-card{background:#fff;border:1px solid #dce6e2;border-radius:16px;padding:18px;text-decoration:none;box-shadow:0 8px 25px #183b300b}.module-card b{font-size:18px;display:block;margin-bottom:6px}.module-card p{margin:0;color:#65756f}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.toolbar label{font-weight:700}.toolbar input,.toolbar select{display:block;margin-top:5px;padding:10px;border:1px solid #ccd9d4;border-radius:10px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.kpi{background:#fff;border:1px solid #dce6e2;border-radius:14px;padding:16px}.kpi small{color:#6c7b76}.kpi strong{display:block;font-size:24px;margin-top:5px}.public-site{background:#f7faf8;color:#0d2e25}.public-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff;border-bottom:1px solid #e1eae6;position:sticky;top:0;z-index:10}.public-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:20px}.public-brand img{width:50px;height:50px;object-fit:contain}.public-nav nav{display:flex;align-items:center;gap:24px}.public-nav nav>a:not(.btn-primary){text-decoration:none}.landing-hero{min-height:620px;padding:80px max(6vw,28px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;background:radial-gradient(circle at 80% 20%,#dff6d8,transparent 35%),linear-gradient(135deg,#f9fcfa,#edf7f1)}.landing-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:14px 0 20px;max-width:800px}.landing-hero p{font-size:20px;line-height:1.6;color:#5b6f68;max-width:760px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#087054}.hero-logo{text-align:center}.hero-logo img{width:min(430px,90%);filter:drop-shadow(0 25px 30px #0b3b251b)}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn-primary,.btn-secondary{display:inline-block;text-decoration:none}.btn-secondary{padding:12px 16px;border:1px solid #b9cec5;border-radius:11px;font-weight:800;background:#fff}.landing-section{padding:80px max(6vw,28px)}.landing-section>h2{font-size:38px;margin:10px 0 30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{background:#fff;border:1px solid #dce6e2;border-radius:18px;padding:24px}.feature-grid article>b{font-size:28px}.feature-grid h3{margin:12px 0 7px}.feature-grid p{color:#65756f;line-height:1.5}.landing-cta{margin:20px max(6vw,28px) 70px;padding:40px;border-radius:24px;background:#043c2f;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-cta h2{margin:8px 0;max-width:760px}.public-site footer{text-align:center;padding:30px;color:#65756f}
@media(max-width:850px){.menu-btn{display:block}.mobile-overlay{display:none;position:fixed;inset:0;background:#001a1266;z-index:19}aside{position:fixed!important;left:-270px!important;top:0!important;bottom:0!important;width:260px!important;z-index:20;transition:.25s;overflow:auto}.menu-open aside{left:0!important}.menu-open .mobile-overlay{display:block}.app{margin-left:0!important}.app header{position:sticky!important;height:auto;min-height:64px;padding:10px 14px;gap:8px}.header-right{gap:6px}.user-label{display:none}.garden-switch select{max-width:125px}.logout{font-size:0;padding:10px}.logout:after{content:'↪';font-size:18px}.module-grid,.kpi-row{grid-template-columns:1fr 1fr}.public-nav nav>a:not(.btn-primary){display:none}.landing-hero{grid-template-columns:1fr;padding-top:50px;min-height:auto}.hero-logo{order:-1}.hero-logo img{width:190px}.landing-hero h1{font-size:42px}.feature-grid{grid-template-columns:1fr}.landing-cta{flex-direction:column;align-items:flex-start}.chat-widget{right:14px}.brand-flex img{width:42px;height:42px}.brand-flex b{font-size:16px}}
@media(max-width:520px){.module-grid,.kpi-row{grid-template-columns:1fr}.hero-actions{flex-direction:column}.public-nav{padding:0 14px}.public-brand span{font-size:16px}.app main{padding:16px}.app h1{font-size:26px}.panel{padding:15px}}
/* V3 luxury multi-colour theme */
:root{--navy:#152238;--navy2:#203554;--gold:#c79a45;--cream:#fbf7ef;--blue:#3766a6;--teal:#188c88;--purple:#7159a6;--orange:#d77836;--red:#b95454;--ink:#17202a;--line:#e3e5e8}
body{color:var(--ink);background:#f6f7f9}aside{background:linear-gradient(180deg,var(--navy),#101b2c)}aside .brand{color:#f3d58d}aside nav a.active{background:linear-gradient(90deg,#3d608f,#66558f)}aside nav a:hover{background:#ffffff14}.app header{border-bottom:1px solid var(--line);box-shadow:0 2px 12px #1422380a}.app main{background:radial-gradient(circle at 95% 0,#f7e9cf55,transparent 25%),#f6f7f9;min-height:calc(100vh - 68px)}.panel,.stats article,.module-card,.kpi{border-color:var(--line);box-shadow:0 8px 30px #1722380b}.btn-primary,.login-card button,.logout{background:linear-gradient(135deg,#315a8d,#6d568d)}.garden-switch,.garden-chip,.btn{background:#f5f0e6;border-color:#ead9b8;color:#705522}.badge{background:#eef1f7;color:#344b70}.chat-fab,.chat-input button{background:linear-gradient(135deg,#315a8d,#76578f)}.chat-head{background:linear-gradient(135deg,var(--navy2),#66558f)}.luxury-public{background:var(--cream)}.luxury-hero{background:radial-gradient(circle at 85% 15%,#efdca7aa,transparent 28%),radial-gradient(circle at 10% 90%,#dbe7f6,transparent 35%),linear-gradient(135deg,#fffdf9,#f3f0ea)}.luxury-hero h1{color:var(--navy)}.luxury-logo img{background:#fff;border-radius:34px;padding:14px;box-shadow:0 30px 80px #17223822}.trust-strip{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#526071;font-weight:700}.feature-grid article:nth-child(3n+1){border-top:4px solid var(--blue)}.feature-grid article:nth-child(3n+2){border-top:4px solid var(--gold)}.feature-grid article:nth-child(3n){border-top:4px solid var(--purple)}.split-section{padding:70px max(6vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.split-section h2{font-size:38px}.split-section p{color:#5e6875;line-height:1.7}.luxury-panel{background:linear-gradient(135deg,var(--navy),#324c72);color:white;border-radius:24px;padding:36px}.luxury-panel b{font-size:28px}.luxury-panel p{color:#e9edf4}.landing-cta{background:linear-gradient(135deg,var(--navy),#4c4772)}
@media(max-width:850px){.split-section{grid-template-columns:1fr}.public-nav{height:68px}.public-brand img{width:42px;height:42px}}