:root{--table-font-size:14px;--green:#4caf50;--green-dark:#2e7d32;--green-deep:#004503;--paper:#fff;--bg:#f0f2f5;--line:#ddd;--muted:#777}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;font-family:Arial,sans-serif}body{background:var(--bg);color:#333;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #81c784}header{background:var(--green);color:#fff;z-index:50;justify-content:space-between;align-items:center;gap:6px;min-height:48px;padding:6px 8px;display:flex;position:sticky;top:0}#tableSearch{color:#333;background:#fff;border:0;border-radius:20px;outline:0;min-width:90px;max-width:160px;padding:6px 36px 6px 10px}.sort-btn,.admin-btn{color:var(--green-dark);background:#fff;border:0;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000026}.sort-btn:hover,.admin-btn:hover{background:#e8f5e9;transform:translateY(-1px)}#appMenuBtn{color:#fff;background:0 0;border:0;justify-content:center;align-items:center;min-width:36px;padding:0 10px;font-size:22px;display:flex}#tableWrapper{background:#fff;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--table-font-size);background:#fff;box-shadow:0 2px 8px #0000001a}thead{background:var(--green);color:#fff;z-index:5;position:sticky;top:0}th,td{text-align:center;min-width:80px;font-size:var(--table-font-size);border:1px solid #ddd;height:38px;padding:8px}th:first-child,td:first-child{background:var(--green-deep);color:#fff;width:34px;min-width:34px;max-width:34px}tr:nth-child(2n){background:#f9f9f9}tr:hover{background:#e0f7e0}.selected{box-shadow:inset 0 0 0 2px var(--green);z-index:2;background:#c8e6c9!important}.price-cell,.type-number{text-align:left;direction:ltr}.grid-editor{border:1px solid var(--green);color:#333;background:#fff;border-radius:5px;outline:0;width:100%;min-width:0;padding:5px}.icon-button{color:inherit;background:0 0;border:0;border-radius:8px;padding:6px}.icon-button:hover{background:#e8f5e9}.grid-placeholder{text-align:center;color:#777;padding:40px}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:min(420px,100vw - 24px);max-height:90vh;padding:20px;display:flex;overflow:auto;box-shadow:0 10px 35px #00000040}.modal-content h3{margin:0}.modal-content label{margin-top:4px;display:block}.modal-content select,.modal-content input,.modal-content textarea{border:1px solid #ccc;border-radius:5px;width:100%;padding:8px}.modal-content fieldset{border:1px solid #ccc;border-radius:5px;padding:10px}.modal-content fieldset button{background:var(--green);color:#fff;border:0;border-radius:8px;width:100%;margin-top:5px;padding:8px 12px}.language-btn{color:var(--green-dark)!important;border:2px solid var(--green)!important;background:#fff!important;border-radius:5px!important;padding:8px 16px!important}.language-btn.active{background:var(--green)!important;color:#fff!important}.close-btn{background:var(--green);color:#fff;border:0;border-radius:10px;width:100%;padding:12px}.dialog-buttons{gap:10px;display:flex}.template-btn{color:var(--green-dark);background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.template-btn:hover{border-color:var(--green);background:#e8f5e9}#projectsCardsGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:55vh;padding:4px 2px;display:grid;overflow-y:auto}.proj-card{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;display:flex;position:relative}.proj-card:hover,.proj-card.active{border-color:var(--green);background:#e8f5e9}.proj-card-icon{font-size:30px;line-height:1}.proj-card-name{color:#1b5e20;word-break:break-word;font-size:13px;font-weight:700}.proj-card-meta{color:#888;font-size:11px}#appDrawer{background:var(--green-dark);z-index:1100;flex-direction:column;width:260px;height:100%;transition:right .28s;display:flex;position:fixed;top:0;right:-280px;overflow-y:auto;box-shadow:-4px 0 16px #0000002e}#appDrawer.open{right:0}[dir=rtl] #appDrawer{transition:left .28s;left:-280px;right:auto;box-shadow:4px 0 16px #0000002e}[dir=rtl] #appDrawer.open{left:0}#appDrawerOverlay{z-index:1099;background:#00000059;display:none;position:fixed;inset:0}#appDrawerOverlay.open{display:block}.drawer-header{color:#fff;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:18px 16px 10px;font-size:17px;font-weight:700;display:flex}.drawer-header button{color:#fff;background:0 0;border:0;font-size:20px}.drawer-item{cursor:pointer;text-align:right;color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffff26;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:15px;display:flex}.drawer-item:hover{background:#ffffff1f}.drawer-sub{background:#1b5e20;border-bottom:1px solid #ffffff1a;flex-direction:column;display:none}.drawer-sub.open{display:flex}.drawer-sub a{color:#a5d6a7;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:11px 28px;font-size:14px;text-decoration:none;display:flex}#statsBarWrapper{border-top:2px solid var(--green);z-index:20;background:#fff;position:sticky;bottom:0;box-shadow:0 -2px 8px #00000012}.stats-toggle{background:var(--green);color:#fff;border:0;justify-content:center;align-items:center;width:100%;padding:4px 0;font-size:12px;display:flex}.stat-row{flex-wrap:wrap;gap:10px;padding:10px 14px;display:flex}.stat-card{background:#f4faf4;border:1px solid #c8e6c9;border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:90px;padding:7px 14px;display:flex}.stat-label{color:#888;font-size:11px}.stat-value{color:var(--green-dark);font-size:18px;font-weight:700}.stat-unit{color:#aaa;font-size:11px}.toast{color:#fff;opacity:0;background:#333;border-radius:24px;padding:10px 20px;font-size:14px;transition:all .3s;transform:translateY(10px);box-shadow:0 4px 12px #0003}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:var(--green)}.toast.error{background:#f44336}.toast.info{background:#2196f3}#toastContainer{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ob-slide{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:32px 28px;transition:opacity .38s,transform .38s;display:flex;position:absolute;inset:0;transform:translate(40px)}.ob-slide.ob-active{opacity:1;pointer-events:auto;transform:translate(0)}#onboardingOverlay{z-index:10000;background:linear-gradient(160deg,#1b5e20 0%,#2e7d32 60%,#1a4020 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}#obSlideWrap{flex:1;position:relative;overflow:hidden}.ob-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:20px;padding:5px 18px}.ob-badge span{color:#ffffffd9;letter-spacing:3px;font-size:12px}.ob-icon-wrap{background:#ffffff1a;border:1.5px solid #fff3;border-radius:26px;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:26px;display:flex;box-shadow:0 8px 32px #0000002e}.ob-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.ob-pill{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:7px;padding:7px 16px;display:inline-flex}.ob-pill span:first-child{color:#81c784}.ob-pill span:last-child{color:#fffc}.ob-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:290px;margin-bottom:26px;display:grid}.ob-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.ob-card span:first-child{font-size:26px}.ob-card span:last-child{color:#fff;font-size:12px;font-weight:600}.ob-feature-list{flex-direction:column;gap:10px;width:100%;max-width:290px;margin-bottom:24px;display:flex}.ob-feature-row{text-align:right;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.ob-fi{flex-shrink:0;font-size:22px}.ob-ft{color:#ffffffd9;font-size:13px;line-height:1.5}.ob-ft strong{color:#fff;margin-bottom:1px;font-size:14px;display:block}#obBottom{flex-direction:column;align-items:center;gap:10px;padding:12px 24px 36px;display:flex}.ob-dots{align-items:center;gap:7px;display:flex}.ob-dot{background:#ffffff4d;border-radius:50%;width:7px;height:7px;transition:all .3s}.ob-dot.active{background:#fff;border-radius:4px;width:22px}#obNextBtn{color:#1b5e20;background:#fff;border:0;border-radius:28px;width:100%;max-width:340px;padding:15px;font-size:16px;font-weight:700;box-shadow:0 4px 20px #0003}#obSkipBtn{color:#ffffff73;background:0 0;border:0;padding:6px;font-size:13px}body.dark-mode{color:#e0e0e0;background:#121212}body.dark-mode header{background:#1f1f1f}body.dark-mode #tableWrapper,body.dark-mode table{color:#e0e0e0;background:#1e1e1e}body.dark-mode thead{background:#333}body.dark-mode tr:nth-child(2n){background:#2a2a2a}body.dark-mode tr:hover{background:#3a3a3a}body.dark-mode td{border-color:#444}body.dark-mode .modal-content{color:#e0e0e0;background:#1e1e1e}body.dark-mode #statsBarWrapper{background:#1a1a1a}body.dark-mode .stat-card{background:#1e2e1e;border-color:#2e4d2e}body.dark-mode .stat-value{color:#81c784}@media (width<=600px){#tableSearch{max-width:120px}.sort-btn,.admin-btn{padding:6px 10px;font-size:13px}th,td{min-width:72px;padding:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}