:root{color:#333;--green:#4caf50;--green-dark:#2e7d32;--surface:#fff;--muted:#6b7280;--border:#ddd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f0f2f5;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#333;background:#f0f2f5;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}header{z-index:10;background:var(--green);color:#fff;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:6px 8px;display:flex;position:sticky;top:0;box-shadow:0 1px 5px #0000001f}header h2{margin:0;font-size:1.2rem}.icon-btn,.admin-btn,.primary-btn,.secondary-btn,.close-btn,.empty-state-btn{border:0;border-radius:7px;font-weight:700}.icon-btn{width:42px;min-height:38px;color:var(--green-dark);background:#fff}.admin-btn{color:var(--green-dark);background:#fff;border-radius:999px;padding:6px 14px;box-shadow:0 2px 6px #00000026}.primary-btn{background:var(--green);color:#fff;padding:8px 14px}.secondary-btn{color:var(--green-dark);background:#fff;border:1px solid #cfd8cf;padding:8px 14px}.projects-host{width:100%}.projects-section,.project-view{max-width:1180px;margin:0 auto}.section-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-toolbar h1{margin:0;font-size:1.45rem}.project-toolbar{justify-content:flex-start}.project-toolbar h1{text-align:center;flex:1}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:0 2px 8px #00000014}.project-card.selected{outline:2px solid var(--green)}.project-card h2{margin:0 0 8px;font-size:1.08rem}.project-card p{color:var(--muted);margin:0 0 14px;font-size:.92rem}.table-shell{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:auto;box-shadow:0 2px 8px #0000000f}.table-shell table{border-collapse:collapse;width:100%;min-width:640px;font-size:var(--table-font-size,14px)}.table-shell th,.table-shell td{border-bottom:1px solid var(--border);border-left:1px solid var(--border);text-align:start;white-space:nowrap;padding:10px 12px}.table-shell th{background:#f7f9f7;font-weight:700}.table-shell tbody td{color:var(--muted);text-align:center}.empty-state{text-align:center;background:var(--surface);border-radius:10px;max-width:520px;margin:42px auto;padding:34px 22px;box-shadow:0 2px 8px #00000014}.empty-state-btn{background:var(--green);color:#fff;padding:14px 24px}.app-drawer{z-index:200;background:var(--green-dark);color:#fff;flex-direction:column;width:260px;height:100%;transition:left .28s cubic-bezier(.4,0,.2,1),right .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-280px;overflow-y:auto;box-shadow:4px 0 16px #0000002e}.app-drawer.open{left:0}[dir=ltr] .app-drawer{left:auto;right:-280px;box-shadow:-4px 0 16px #0000002e}[dir=ltr] .app-drawer.open{right:0}.drawer-header{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 .icon-btn{width:34px;min-height:32px}.drawer-item{color:#fff;text-align:start;background:0 0;border:0;border-bottom:1px solid #ffffff26;align-items:center;gap:12px;width:100%;padding:14px 18px;display:flex}.drawer-item:hover{background:#ffffff1f}.drawer-overlay{z-index:199;background:#00000059;display:none;position:fixed;inset:0}.drawer-overlay.open{display:block}.modal-content{background:var(--surface);border-radius:10px;flex-direction:column;gap:10px;width:min(520px,100%);max-height:90vh;padding:20px;display:flex;overflow:auto;box-shadow:0 12px 40px #00000038}.modal-content h3{margin:0 0 6px}.modal-content label{margin-top:8px;font-weight:700;display:block}.modal-content input,.modal-content select{background:#fff;border:1px solid #ccc;border-radius:5px;width:100%;margin-top:6px;padding:9px}.modal-actions{gap:8px;margin-top:8px;display:flex}.modal-actions>button{flex:1}.close-btn{background:var(--green);color:#fff;width:100%;padding:12px}.settings-panel{background:var(--surface);border-radius:10px;max-width:620px;margin:0 auto;padding:20px;box-shadow:0 2px 8px #00000014}.settings-panel h2{margin-top:0}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}body.dark-mode .app-main{background:#121212}body.dark-mode .project-card,body.dark-mode .empty-state,body.dark-mode .settings-panel,body.dark-mode .modal-content,body.dark-mode .table-shell{color:#e0e0e0;background:#1e1e1e;border-color:#444}body.dark-mode .project-card p,body.dark-mode .empty-state p,body.dark-mode .table-shell tbody td{color:#aaa}body.dark-mode .table-shell th{background:#262626}body.dark-mode .secondary-btn,body.dark-mode .modal-content input,body.dark-mode .modal-content select,body.dark-mode .icon-btn,body.dark-mode .admin-btn{color:#e0e0e0;background:#2a2a2a;border-color:#555}@media (width<=600px){.app-main{padding:12px}.section-toolbar{flex-direction:column;align-items:stretch}.section-toolbar .primary-btn{width:100%}.project-toolbar{align-items:stretch}.project-toolbar h1{text-align:start}}.grid-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.grid-toolbar input[type=search]{border:1px solid var(--border);background:var(--surface);min-width:0;color:inherit;box-sizing:border-box;border-radius:8px;flex:220px;padding:8px 10px}.search-count{text-align:center;min-width:24px;color:var(--muted);font-size:12px}.sort-header{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 6px}.sort-header:hover,.sort-header:focus-visible{background:#ffffff1f}.settings-row{align-items:center;gap:6px;padding:8px 0;display:flex}.settings-row>span{flex:1}.settings-panel input,.settings-panel select,.settings-panel textarea{box-sizing:border-box;max-width:100%}body.dark-mode .grid-toolbar input[type=search]{color:#e0e0e0;background:#1e1e1e;border-color:#444}body.dark-mode .sort-header:hover,body.dark-mode .sort-header:focus-visible{background:#ffffff14}body{color:#333;background:#f0f2f5;margin:0;padding:0;font-family:Arial,sans-serif}.app-main{width:100%;padding:0}.app-header{color:#fff;z-index:10;min-height:0;box-shadow:none;direction:ltr;background:#4caf50;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex;position:sticky;top:0}.app-header .header-search{flex:none;align-items:center;margin:0;display:flex;position:relative}.app-header #tableSearch{color:#333;width:120px;min-width:90px;max-width:120px;box-shadow:none;direction:rtl;background:#fff;border:none;border-radius:20px;outline:none;padding:6px 36px 6px 10px}.app-header .header-controls{direction:rtl;flex-shrink:0;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.sort-btn,.admin-btn{color:#2e7d32;background:#fff;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}.admin-btn{gap:6px;padding:6px 14px}.sort-btn:hover,.admin-btn:hover{background:#e8f5e9;transform:translateY(-1px)}.sort-btn:active,.admin-btn:active{transform:translateY(0)}.header-menu-btn{color:#fff;width:36px;min-width:36px;height:32px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0 7px;display:flex}.header-menu-btn:hover{background:#ffffff1f;transform:none}.header-menu-btn:active{transform:none}.table-shell table{border-collapse:collapse;width:100%;min-width:0;font-size:var(--table-font-size,14px);background:#fff;border-radius:8px;margin:0;display:table;box-shadow:0 2px 8px #0000001a}.table-shell th,.table-shell td{text-align:center;min-width:80px;font-size:var(--table-font-size,14px);white-space:nowrap;border:1px solid #ddd;padding:8px}.table-shell th{color:#fff;background:#4caf50;font-weight:700}.table-shell tbody tr:nth-child(2n){background:#f9f9f9}.table-shell tbody tr:hover{background:#e0f7e0}.row-action-btn{color:#2e7d32;width:28px;min-width:28px;height:28px;box-shadow:none;background:#fff;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.row-action-btn:hover{background:#e8f5e9;transform:none}.table-shell input,.table-shell select{box-sizing:border-box;width:100%;color:inherit;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px}.table-shell input[type=number],.table-shell input[type=tel],.table-shell .phone-cell,.table-shell .price-cell{text-align:left;direction:ltr}tr.pinned{background:#d4edda;font-weight:700}tr.pinned td{background:#d4edda}tr.row-colored td{background-color:var(--row-color)!important}body.dark-mode tr.row-colored td{filter:brightness(.65)}tr.row-colored td:first-child{filter:none!important;background:#004503!important}tr.cf-row-colored td{background-color:var(--row-color)!important;color:#1a1a1a!important}tr.cf-row-colored td *{color:#1a1a1a!important}tr.cf-row-colored td:first-child{color:#fff!important;background:#004503!important}body.dark-mode tr.cf-row-colored td{filter:none;color:#1a1a1a!important}body.dark-mode tr.cf-row-colored td:first-child{color:#fff!important}.empty-state{text-align:center;width:100%;max-width:none;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:40px 20px}.empty-state h2{margin:0 0 10px}.empty-state p{color:#888;margin:0 0 22px}.empty-state-btn{color:#fff;background:#4caf50;border:none;border-radius:8px;margin:40px auto;padding:14px 24px;font-size:16px;font-weight:700;display:block}.empty-state-btn:hover{background:#45a049}.modal{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:auto;min-width:280px;max-width:min(520px,95vw);max-height:90%;padding:20px;display:flex;overflow:auto;box-shadow:0 12px 40px #00000038}.modal-content label{margin-top:12px;margin-bottom:6px;font-weight:400;display:block}.modal-content input,.modal-content select,.modal-content textarea{box-sizing:border-box;color:#333;background:#fff;border:1px solid #ccc;border-radius:5px;width:100%;margin-top:6px;padding:6px}.modal-content fieldset{border:1px solid #ccc;border-radius:5px;margin:0 0 2px;padding:10px}.modal-content fieldset legend{padding:0 4px;font-weight:700}.modal-content button{touch-action:manipulation;color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:5px;width:100%;margin-top:5px;padding:8px 12px}.dialog-buttons{gap:10px;margin-top:14px;display:flex}.dialog-buttons button{border-radius:8px;flex:1;padding:10px;font-size:14px}.dialog-confirm{color:#fff!important;background:#4caf50!important}.dialog-btn-cancel{color:#444!important;background:#eee!important}.dialog-btn-cancel:hover{background:#ddd!important}.danger-btn{color:#fff!important;background:#f44336!important}.danger-btn:hover{background:#d32f2f!important}.custom-dialog{text-align:start;width:90%;max-width:340px}.custom-dialog .dialog-icon{font-size:28px}.custom-dialog p{color:#555;margin:0;line-height:1.6}.dialog-sub{color:#888;margin:0 0 2px;font-size:12px}.language-row{justify-content:center;gap:10px;display:flex}.language-btn{color:#2e7d32!important;background:#f5f5f5!important;border:1px solid #ddd!important;flex:1!important}.language-btn.active{color:#fff!important;background:#4caf50!important;border-color:#4caf50!important}.compact-setting-row{align-items:center;gap:8px;margin-top:6px;display:flex}.compact-setting-row span:first-child{flex:1;font-size:13px}.tiny-setting-btn{justify-content:center;align-items:center;min-width:32px;height:32px;display:flex;color:#555!important;background:#f0f0f0!important;border-radius:6px!important;width:32px!important;margin:0!important;padding:0!important}.tiny-setting-btn:hover{background:#e8f5e9!important}.column-manager-select-row{align-items:center;gap:6px;display:flex}.column-manager-select-row select{flex:1}.column-move-btn,.column-edit-btn,.column-delete-btn{justify-content:center;align-items:center;min-width:28px;height:28px;font-size:13px;display:flex;border-radius:6px!important;flex:0 0 28px!important;width:28px!important;margin:0!important;padding:0!important}.column-move-btn,.column-edit-btn{color:#555!important;background:#f0f0f0!important}.column-delete-btn{color:#f44336!important;background:#ffeaea!important}.projects-dialog{width:96%;max-width:460px}.projects-cards-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:55vh;margin-top:12px;padding:4px 2px;display:grid;overflow-y:auto}.proj-card{text-align:center;min-height:0;box-shadow:none;flex-direction:column;align-items:center;gap:6px;position:relative;color:#333!important;background:#fff!important;border:1.5px solid #e0e0e0!important;border-radius:14px!important;padding:16px 10px!important;display:flex!important}.proj-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5026;background:#f1f8e9!important;border-color:#4caf50!important}.proj-card.active{box-shadow:0 2px 8px #4caf5033;background:#e8f5e9!important;border-color:#4caf50!important}.proj-card-icon{font-size:30px;line-height:1}.proj-card-name{color:#1b5e20;word-break:break-word;font-size:13px;font-weight:700;line-height:1.3}.proj-card-meta{color:#888;font-size:11px}.proj-card-active-badge{color:#fff;background:#4caf50;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:6px;left:6px}.projects-cards-empty{text-align:center;color:#999;padding:20px}.row-actions-dialog,.row-color-dialog{width:90%;max-width:320px}.color-swatches{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.color-swatch{cursor:pointer;max-width:30px;height:30px;transition:all .2s;border:2px solid #0000!important;border-radius:50%!important;width:30px!important;min-width:30px!important;margin:0!important;padding:0!important}.color-swatch:hover,.color-swatch.selected{transform:scale(1.2);border-color:#333!important}body.dark-mode .color-swatch.selected{border-color:#fff!important}.condfmt-dialog{width:95%;max-width:420px}.condfmt-form{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;padding:12px}.cf-rule-item{background:#f4faf4;border:1px solid #c8e6c9;border-radius:8px;align-items:center;gap:8px;margin-bottom:7px;padding:8px 10px;font-size:13px;display:flex}.cf-rule-color{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:22px;height:22px;box-shadow:0 1px 3px #0003}.cf-rule-desc{flex:1;line-height:1.4}.cf-rule-delete{border:none;border-radius:4px;justify-content:center;align-items:center;max-width:20px;height:20px;font-size:10px;display:flex;color:#f44336!important;background:#ffeaea!important;width:20px!important;min-width:20px!important;margin:0!important;padding:0!important}.cf-rule-delete:hover{color:#fff!important;background:#f44336!important}.cf-empty-rules{text-align:center;color:#aaa;padding:12px 0;font-size:13px}body.dark-mode{color:#e0e0e0;background:#121212}body.dark-mode .table-shell,body.dark-mode .table-shell table{color:#e0e0e0;background:#1e1e1e}body.dark-mode .table-shell th{color:#fff;background:#333}body.dark-mode .table-shell tbody tr:nth-child(2n){background:#2a2a2a}body.dark-mode .table-shell tbody tr:hover{background:#3a3a3a}body.dark-mode .table-shell input,body.dark-mode .table-shell select,body.dark-mode .modal-content input,body.dark-mode .modal-content select,body.dark-mode .modal-content textarea{color:#e0e0e0;background:#2a2a2a;border-color:#555}body.dark-mode .table-shell th:first-child,body.dark-mode .table-shell td:first-child{color:#fff;background:#004503}body.dark-mode tr.pinned td{color:#fff;background:#2a4d2a}body.dark-mode .modal-content{color:#e0e0e0;background:#1e1e1e}body.dark-mode .dialog-btn-cancel{color:#ccc!important;background:#333!important}body.dark-mode .condfmt-form{background:#1b251b;border-color:#2e4d2e}body.dark-mode .cf-rule-item{color:#e0e0e0;background:#1e2e1e;border-color:#2e4d2e}body.dark-mode .language-btn{color:#a5d6a7!important;background:#333!important;border-color:#555!important}body.dark-mode .proj-card{color:#e0e0e0!important;background:#2a2a2a!important;border-color:#444!important}body.dark-mode .proj-card:hover,body.dark-mode .proj-card.active{background:#1b3a1f!important;border-color:#4caf50!important}body.dark-mode .proj-card-name{color:#a5d6a7}body.dark-mode .proj-card-meta{color:#777}@media (width<=600px){.app-header{gap:4px;padding:6px}.app-header #tableSearch{width:120px;min-width:90px;max-width:120px}.sort-btn,.admin-btn{padding:5px 10px;font-size:13px}.header-menu-btn{width:34px;min-width:34px}.table-shell th,.table-shell td{min-width:80px;padding:8px}.table-shell th:first-child,.table-shell td:first-child{width:20px;min-width:20px;max-width:20px}.table-shell th:last-child,.table-shell td:last-child{width:34px;min-width:34px;max-width:34px}}.table-shell tbody tr.pinned td{color:#333;font-weight:700;background:#d4edda!important}.table-shell tbody tr.pinned td:first-child{color:#fff!important;background:#004503!important}.table-shell tbody tr.row-colored td{background-color:var(--row-color)!important}.table-shell tbody tr.row-colored td:first-child{color:#fff!important;background:#004503!important}.table-shell tbody tr.cf-row-colored td{background-color:var(--row-color)!important;color:#1a1a1a!important}.table-shell tbody tr.cf-row-colored td:first-child{color:#fff!important;background:#004503!important}.custom-dialog .dialog-icon{margin-bottom:-2px}.custom-dialog h3{margin-bottom:0}.custom-dialog .dialog-buttons{direction:rtl}.custom-dialog .dialog-btn-cancel{color:#444!important;background:#eee!important}.custom-dialog .dialog-confirm{color:#fff!important;background:#4caf50!important}.row-actions-dialog,.row-color-dialog{width:90%;max-width:320px}.app-main{padding:0}.app-header{height:auto;min-height:0;box-shadow:none;gap:6px;padding:6px 8px}.app-header .header-search{margin:0}.app-header #tableSearch{width:120px;min-width:90px;max-width:120px;box-shadow:none;color:#333;background:#fff;border:none;border-radius:20px;outline:none;padding:6px 36px 6px 10px}.app-header .header-controls{flex-shrink:0;gap:4px;margin-inline-start:auto;display:flex}.app-header .sort-btn,.app-header .admin-btn{color:#2e7d32;background:#fff;border:none;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;box-shadow:0 2px 6px #00000026}.app-header .admin-btn{padding:6px 14px}.app-header .sort-btn:hover,.app-header .admin-btn:hover{background:#e8f5e9;transform:translateY(-1px)}.app-header .header-menu-btn{width:36px;min-width:36px;box-shadow:none;color:#fff;background:0 0;border:none;padding:0 10px}.app-header .header-menu-btn:hover{background:0 0;transform:none}.table-shell{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;overflow-x:auto}.table-shell table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;min-width:0;margin-top:0;display:table;box-shadow:0 2px 8px #0000001a}.table-shell th,.table-shell td{text-align:center;min-width:80px;font-size:var(--table-font-size,14px);border:1px solid #ddd;padding:8px}.table-shell thead{background:#4caf50}.table-shell th{color:#fff;background:#4caf50}.table-shell th:first-child,.table-shell td:first-child{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#004503;width:20px;min-width:20px;max-width:20px;padding-left:4px;padding-right:4px;overflow:hidden}.table-shell th:last-child,.table-shell td:last-child{width:34px;min-width:34px;max-width:34px;padding:4px}.table-shell tbody tr:nth-child(odd) td{background:#fff}.table-shell tbody tr:nth-child(2n) td{background:#f9f9f9}.table-shell tbody tr:hover td{background:#e0f7e0}.table-shell input,.table-shell select{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:6px}.table-shell input[type=checkbox]{width:auto;transform:scale(1.2)}@media (width<=600px){.app-header{padding:6px 8px}.app-header #tableSearch{width:120px;min-width:90px;max-width:120px}.app-header .sort-btn,.app-header .admin-btn{padding:6px 10px;font-size:13px}.table-shell th,.table-shell td{min-width:80px;padding:8px}.table-shell th:first-child,.table-shell td:first-child{width:20px;min-width:20px;max-width:20px}.table-shell th:last-child,.table-shell td:last-child{width:34px;min-width:34px;max-width:34px}}body.dark-mode .app-header{color:#fff;background:#1f1f1f}body.dark-mode .app-header #tableSearch{color:#333;background:#fff}body.dark-mode .table-shell table,body.dark-mode .table-shell tbody tr:nth-child(odd) td{background:#1e1e1e}body.dark-mode .table-shell tbody tr:nth-child(2n) td{background:#2a2a2a}body.dark-mode .table-shell tbody tr:hover td{background:#3a3a3a}body.dark-mode .table-shell input,body.dark-mode .table-shell select{color:#e0e0e0;background:#2a2a2a;border-color:#555}.reference-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:5px;max-height:200px;position:fixed;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.reference-dropdown .dropdown-option{box-sizing:border-box;color:#333;width:100%;text-align:inherit;cursor:pointer;background:#fff;border:0;border-radius:0;margin:0;padding:8px 12px;font-weight:400;display:block}.reference-dropdown .dropdown-option:hover,.reference-dropdown .dropdown-option[aria-selected=true]{box-shadow:none;background:#f0f0f0;transform:none}body.dark-mode .reference-dropdown{background:#fff;border-color:#555}body.dark-mode .reference-dropdown .dropdown-option{color:#333;background:#fff}body.dark-mode .reference-dropdown .dropdown-option:hover,body.dark-mode .reference-dropdown .dropdown-option[aria-selected=true]{background:#f0f0f0}.search-count{color:#2e7d32;box-sizing:border-box;background:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-inline-start:4px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.search-count[hidden]{display:none}.reference-sort-dialog{width:90%;max-width:420px}.reference-sort-actions button{flex:1}.reference-apply-btn{color:#fff!important;background:#4caf50!important}.reference-cancel-btn{color:#fff!important;background:#f44336!important}.reference-cancel-btn:hover{background:#d32f2f!important}.row-actions-dialog{width:90%;max-width:320px}.row-actions-dialog>button{font-weight:700}.row-dialog-delete-btn{color:#fff!important;background:#f44336!important}.row-dialog-delete-btn:hover{background:#d32f2f!important}.template-dialog{width:90%;max-width:360px}.template-dialog h3{text-align:center;margin-bottom:4px}.template-dialog .dialog-sub{text-align:center;margin:0 0 8px}.template-list{flex-direction:column;gap:8px;display:flex}.template-btn{color:#fff!important;background:#4caf50!important;border-radius:5px!important;width:100%!important;padding:8px 12px!important}.template-btn:hover{background:#45a049!important}.template-empty-btn{color:#555!important;background:#f5f5f5!important}.template-empty-btn:hover{background:#e9e9e9!important}body.dark-mode .search-count{color:#81c784;background:#2a2a2a}