body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#33691e 30%,#1b5e20 90%);color:#222;min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}header{padding:1rem;display:flex;justify-content:space-between;align-items:center}header .logo{font-family:Trebuchet MS,sans-serif;font-size:2.8rem;color:gold}.calc-title{font-family:Trebuchet MS,sans-serif;font-size:1.6rem;color:#fff;background:#1b5e20;padding:.5rem;border-radius:4px;margin-bottom:1rem;text-align:left}.container{display:flex;gap:1rem;padding:1rem}.form-section{flex:0 0 20%;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 10px #0000001a}.form-section label{margin-top:.75rem;font-weight:700;display:block}.form-section input,.form-section select,.form-section button{width:100%;padding:.5rem;margin-top:.25rem;border:1px solid #bbb;border-radius:4px}.btn-calc{background:#1b5e20;color:#fff;border:none;cursor:pointer;font-size:1rem}.btn-calc:hover{background:#0d3d10}.imports{margin-top:1rem}.exports{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.exports button{flex:1;padding:.5rem;border:none;background:#fff;border:1px solid #1b5e20;color:#1b5e20;cursor:pointer;border-radius:4px}.exports button:hover{background:#e8f5e9}.table-section{flex:1;background:#fafafa;padding:1rem;border-radius:8px}.update-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.update-bar input{border:none;background:transparent;font-weight:700}.filter-bar{margin-bottom:1rem}.filter-bar select{padding:.5rem;border-radius:4px;border:1px solid #bbb}#zebricek-table{width:100%;border-collapse:collapse}#zebricek-table th,#zebricek-table td{padding:.5rem;border:1px solid #ddd}#zebricek-table thead th{background:#2e7d32;color:#fff}#zebricek-table th.sortable{cursor:pointer}#zebricek-table td.col-left{text-align:left;padding-left:.75rem}#zebricek-table td.align-left{text-align:left}#zebricek-table td.align-center{text-align:center}#zebricek-table td.align-right{text-align:right;padding-right:.75rem}#zebricek-table th.align-left{text-align:left}#zebricek-table th.align-center{text-align:center}#zebricek-table th.align-right{text-align:right}#zebricek-table tbody tr:nth-child(2n){background:#f1f8e9}.row-btn{margin:0 .25rem;padding:.25rem .5rem;border:none;border-radius:4px;cursor:pointer}.btn-edit{background:#ffb300;color:#fff}.btn-delete{background:#e53935;color:#fff}.scroll-button{position:fixed;background-color:#cddc39;border:none;padding:.5rem .75rem;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:999;display:none}#to-top{bottom:20px;right:20px}#to-bottom{bottom:80px;right:20px}#export-csv{background-color:#dcedc8;color:#000}#export-xlsx{background-color:#2e7d32;color:#fff}#export-docx{background-color:#1565c0;color:#fff}#export-json{background-color:#ffb74d;color:#000}.app-footer{background:linear-gradient(135deg,#33691e 30%,#1b5e20 90%);color:gold;padding:1rem;text-align:left;font-family:Trebuchet MS,sans-serif;display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-top:auto;flex-wrap:wrap}.footer-weather-display{display:flex;align-items:center;gap:.5rem;color:gold;font-size:1.2rem}@media (max-width: 768px){.container{flex-direction:column;gap:1rem}.form-section{flex:0 0 auto;width:100%}.table-section{overflow-x:auto;width:100%}#zebricek-table{display:block;width:max-content;min-width:100%}#zebricek-table th,#zebricek-table td{white-space:nowrap;padding:.3rem .5rem;font-size:.85rem}#zebricek-table thead th{font-size:.9rem}header{flex-direction:column;align-items:flex-start;padding:.5rem}header .logo{margin-bottom:.5rem;width:100%;text-align:left;font-size:2.2rem}.app-footer{flex-direction:column;align-items:flex-start;padding:.5rem}.app-footer .footer-weather-display{font-size:1rem;width:100%;text-align:left}.form-section label,.form-section input,.form-section select,.form-section button{font-size:.9rem}}#zebricek-table thead th{position:sticky;top:0;z-index:2;background:#2e7d32;color:#fff;box-shadow:0 2px #00000014}#zebricek-table{border-collapse:separate;border-spacing:0}#zebricek-table thead th:first-child{border-top-left-radius:8px}#zebricek-table thead th:last-child{border-top-right-radius:8px}#zebricek-table thead th{background-clip:padding-box}#delete-all{flex:0 0 100%;width:max-content;align-self:flex-start;margin-top:4px}.exports{display:flex;gap:12px;flex-wrap:wrap}#delete-all{flex-basis:100%;display:block;width:min(360px,90%)!important;margin:10px auto 0!important;text-align:center;padding:12px 28px}*{box-sizing:border-box;margin:0;padding:0}@media (max-width: 768px){body,#root,main{width:100%;overflow-x:hidden}.container{flex-direction:column;gap:1rem;width:100%;padding:.5rem}.form-section{flex:0 0 auto;width:100%;padding:1rem}.table-section{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}#zebricek-table{display:block;width:max-content;min-width:100%}#zebricek-table th,#zebricek-table td{white-space:nowrap;padding:.3rem .5rem;font-size:.85rem}#zebricek-table thead th{font-size:.9rem}header{flex-direction:column;align-items:flex-start;padding:.5rem}header .logo{margin-bottom:.5rem;width:100%;text-align:left;font-size:2.2rem}.app-footer{flex-direction:column;align-items:flex-start;padding:.5rem}.app-footer .footer-weather-display{font-size:1rem;width:100%;text-align:left}.form-section label,.form-section input,.form-section select,.form-section button{font-size:.9rem}}