:root{--paper:transparent;--white:rgba(255,255,255,.94);--line:rgba(23,79,52,.17);--shadow:0 14px 38px rgba(12,65,43,.15);--background-transparency:rgba(255,255,255,.5)}
html{min-height:100%;background:#8dac85}
body{min-height:100vh;background-color:#c6d6c2;background-image:linear-gradient(var(--background-transparency),var(--background-transparency)),url("backgrounds/amazing-clivias-low-poly-green.png");background-repeat:no-repeat,no-repeat;background-position:center center,center center;background-size:cover,cover;background-attachment:fixed,fixed}
header{background:rgba(14,74,53,.96);box-shadow:0 5px 18px rgba(7,53,34,.22);backdrop-filter:blur(10px)}
.shell{background:transparent}
nav{background:rgba(255,255,255,.9);border-right:1px solid rgba(255,255,255,.65);box-shadow:8px 0 24px rgba(12,65,43,.11);backdrop-filter:blur(15px)}
nav a{transition:background-color .18s ease,color .18s ease,transform .18s ease}
nav a:hover{transform:translateX(2px)}
nav a:hover,nav a.active{background:rgba(227,239,228,.92)}
main{background:transparent}
.card,table{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.7);box-shadow:0 14px 38px rgba(12,65,43,.15);backdrop-filter:blur(12px)}
.card table{background:transparent;box-shadow:none}
.product{background:rgba(255,255,255,.93);border-color:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(12,65,43,.12);transition:transform .18s ease,box-shadow .18s ease}
.product:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(12,65,43,.18)}
.btn{box-shadow:0 4px 12px rgba(12,65,43,.11)}
.btn.primary{background:#174f34}
input,select,textarea{background:rgba(255,255,255,.97);border-color:rgba(67,53,78,.25)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(40,118,83,.22);border-color:#287653}
.page-head h1,.page-head h2{color:#172018;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.page-head p{color:#4e4652}
.public-main{min-height:84vh;display:grid;align-items:center}.public-main>.card{width:100%}
@media(max-width:650px){body{background-attachment:scroll;background-position:58% center}nav{background:rgba(255,255,255,.97)}.public-main{min-height:90vh;margin:3vh auto;padding:16px}}
@media print{body{background:#fff;background-image:none}.card,table{background:#fff;box-shadow:none;backdrop-filter:none}}