:root{--green:#087967;--ink:#153e39;--bg:#fbf7ed;--border:#e9e4d7;--pale:#e6f4eb}
body{background:radial-gradient(ellipse at 95% 0%,#ffd37930,transparent 55%),radial-gradient(ellipse at 10% 80%,#ff6c5c0c,transparent 55%),#fbf7ed}
.sidebar{background:linear-gradient(170deg,#fffdf5 0%,#fff 55%,#eef8ee 100%);border-right:1px solid #e3dfce;overflow-y:auto}
.brand-mark{background:linear-gradient(145deg,#0c936e,#076156);border:2px solid #d9b85a;box-shadow:0 3px 0 #eab55a55;flex-shrink:0}
.sidebar::after{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#0e8b6f 0 25%,#f4bd44 25% 50%,#da5946 50% 75%,#3374a1 75%)}
.topbar{background:linear-gradient(100deg,#fffcf3ee,#eff8f0ee);border-bottom-color:#e6ddc9}
.topbar [data-language-toggle]{border-color:#c7dace;border-radius:30px;padding:6px 14px;font-size:12px;background:#fffaf0}
.primary{background:linear-gradient(115deg,#078c71,#086450);border-color:#08735a;box-shadow:0 3px 7px #08735a15}
.primary:hover{background:linear-gradient(115deg,#067a62,#054d3e)}
nav button.active{background:linear-gradient(100deg,#ddf1e4,#fff5d7);border-left:3px solid #dfa839;color:#096752}
.hero{min-height:250px;position:relative;overflow:hidden;background:linear-gradient(110deg,#fff9e8 0%,#f8ebc9 45%,#ecf2d7 100%);border-color:#e9cd8b;border-radius:16px;box-shadow:0 8px 25px #bc9b4510;padding:30px 32px}
.hero>div{position:relative;z-index:1;max-width:55%}.hero h2{font-size:28px;color:#165e48}.hero p{line-height:1.8;color:#6a6946}.hero .eyebrow{color:#b2762d;font-weight:700}
.hero-art{width:42%;height:200px;object-fit:contain;filter:drop-shadow(0 5px 8px #6e4d3012)}
.hero.rickshaw-painted{background-image:linear-gradient(90deg,#fff8eaf5 0%,#fff8eae8 38%,#fff8ea33 67%,transparent 100%),url('/rickshaw-art.png');background-size:cover;background-position:center}.hero.rickshaw-painted .hero-art{visibility:hidden}
.hero::after{content:'';position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#0c936e,#f0be48,#e06a4d,#2d89a1)}
.stat{border-radius:13px;border-color:#eae4d5;box-shadow:0 4px 12px #795d1710;border-top:3px solid #dfbb62}.stat:nth-child(2){border-top-color:#d36f5d}.stat:nth-child(3){border-top-color:#3e8f95}.stat:nth-child(4){border-top-color:#6e9b55}
.stat.accent{background:linear-gradient(125deg,#11856b,#075d52);border-top-color:#edc05a;box-shadow:0 6px 15px #0c745522}
.panel{border-radius:14px;border-color:#e7e0d0;box-shadow:0 4px 15px #745c1a06}.panel-head{background:linear-gradient(110deg,#fffef9,#faf5e7)}th{background:#fbf7ed}
.rickshaw-card{background:linear-gradient(145deg,#fffef9,#fff8e9);border-top:3px solid #dba949;border-radius:14px}
.access-page{background:radial-gradient(ellipse at 0 0,#c9ead1aa,transparent 60%),radial-gradient(ellipse at 100% 100%,#f4c76480,transparent 60%),#fff7e5}
.access-card{border-top:5px solid #dfb64c;background:linear-gradient(150deg,#fffef9,#fff)}
.modal-head{position:sticky;top:0;background:#fffcf4;z-index:2}.modal-head [data-language-toggle]{font-size:12px;padding:6px 12px;border:1px solid #d5ddcc;border-radius:20px}.modal-foot{position:sticky;bottom:0;background:#fffcf4;z-index:2;box-shadow:0 -4px 12px #173f3408}
.file-control{position:relative;display:grid;gap:7px;padding:9px;border:1px dashed #c7d9c6;border-radius:8px;background:#fbfcf7}.file-control button{font-size:12px;padding:7px;text-align:left}.file-control small{overflow-wrap:anywhere;color:var(--muted)}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;padding:0;min-height:0}
html[lang=en] .brand{font-size:14px}html[lang=en] .brand small{font-size:10px}html[lang=en] nav button{font-size:12px}html[lang=en] .stat strong{font-size:26px}html[lang=en] .hero h2{font-size:26px}
@media(max-width:700px){.hero{min-height:230px;padding:23px 20px}.hero>div{max-width:68%}.hero-art{width:30%;height:160px}.hero h2{font-size:22px}.hero.rickshaw-painted{background-position:65% center;background-image:linear-gradient(90deg,#fff8eaf8 0%,#fff8eae8 40%,#fff8ea22 100%),url('/rickshaw-art.png')}.topbar{height:60px;gap:10px}.topbar>.muted{font-size:9px}.topbar .crumb{padding:0 4px}.topbar #today-label{display:none}.sidebar::after{height:4px}.sidebar{position:relative}.sidebar nav button.active{border-left:0;border-bottom:2px solid #dfa839}.stat strong{font-size:24px}.page-heading .actions{gap:7px}.page-heading .actions button{font-size:11px}}
@media print{body,.stat,.panel,.panel-head,th{background:white!important}.hero{min-height:0;background:none!important}.hero::after,.sidebar::after{display:none}}