\u0627\u0644\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u064a | \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0628\u0646\u0649 (\u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629)<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --bg-main: #f0f4f8;\r\n --bg-glass: rgba(255, 255, 255, 0.7);\r\n --border-color: rgba(0, 0, 0, 0.08);\r\n --text-primary: #1a253c;\r\n --text-secondary: #5a6479;\r\n --accent-primary: #2980b9;\r\n --accent-secondary: #16a085;\r\n --accent-done: #27ae60;\r\n --accent-pending: #f39c12;\r\n --shadow: 0 10px 35px rgba(0, 0, 0, 0.07);\r\n --border-radius: 16px;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody { background-color: var(--bg-main); background-image: linear-gradient(135deg, #eaf0f7 0%, #f0f4f8 100%); font-family: 'Cairo', sans-serif; padding: 20px; margin: 0; color: var(--text-primary); }\r\n.container { max-width: 900px; margin: 0 auto; }\r\n.main-header { text-align: center; margin-bottom: 20px; }\r\n.main-header h1 { font-size: 28px; font-weight: 900; margin: 0; background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n.toc { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 20px 0; padding: 10px; background: var(--bg-glass); border-radius: var(--border-radius); box-shadow: var(--shadow); backdrop-filter: blur(10px); position: sticky; top: 10px; z-index: 100; }\r\n.toc a { background: rgba(0,0,0,0.05); color: var(--text-secondary); padding: 8px 15px; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s ease; }\r\n.toc a:hover, .toc a.active { background: var(--accent-primary); color: #fff; transform: translateY(-2px); }\r\n.progress-bar-container { background: rgba(0,0,0,0.05); border-radius: 10px; padding: 4px; margin: 25px 0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); }\r\n.progress-bar { width: 0%; height: 12px; background: linear-gradient(90deg, var(--accent-secondary), var(--accent-primary)); border-radius: 6px; transition: width 0.5s ease-in-out; text-align: center; color: white; font-size: 10px; line-height: 12px; }\r\n.dashboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 25px; }\r\n.dash-card { background: var(--bg-glass); border: 1px solid var(--border-color); backdrop-filter: blur(10px); padding: 15px; border-radius: var(--border-radius); text-align: center; box-shadow: var(--shadow); }\r\n.dash-card h3 { margin: 0 0 8px; font-size: 14px; color: var(--text-secondary); font-weight: 400; }\r\n.dash-card p { margin: 0; font-size: 22px; font-weight: 700; }\r\n.phase { margin-bottom: 30px; padding-top: 70px; margin-top: -70px; } \/* Padding for anchor links *\/\r\n.phase-header { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--border-color); }\r\n.phase-header .icon { font-size: 24px; }\r\n.phase-header h2 { margin: 0; font-size: 22px; font-weight: 700; }\r\n.checklist-item { background: var(--bg-glass); border: 1px solid var(--border-color); backdrop-filter: blur(10px); padding: 20px; border-radius: var(--border-radius); margin-bottom: 15px; box-shadow: var(--shadow); transition: all 0.3s ease; border-left: 5px solid var(--border-color); }\r\n.item-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }\r\n.item-header strong { font-size: 17px; flex-grow: 1; }\r\n.status-toggle { display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,0.04); padding: 5px; border-radius: 10px; flex-shrink: 0; }\r\n.status-toggle label { padding: 5px 12px; border-radius: 7px; cursor: pointer; font-size: 13px; font-weight: 700; transition: all 0.3s ease; }\r\n.status-toggle input:checked + label { color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }\r\n.status-toggle input[value=\"\u062a\u0645\"]:checked + label { background-color: var(--accent-done); }\r\n.status-toggle input[value=\"\u0644\u0645 \u064a\u062a\u0645\"]:checked + label { background-color: var(--accent-pending); }\r\n.status-toggle input { display: none; }\r\n.item-body { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border-color); }\r\n.details-grid { display: grid; grid-template-columns: 1fr; gap: 15px; }\r\n.detail-box { background: rgba(0,0,0,0.02); padding: 12px; border-radius: 10px; }\r\n.detail-box h4 { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--text-secondary); display: flex; align-items: center; gap: 5px; }\r\n.detail-box p, .detail-box ul { margin: 0; font-size: 14px; line-height: 1.7; padding-right: 15px; }\r\n.cost-input { width: 100%; padding: 8px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.1); font-size: 14px; box-sizing: border-box; margin-top: 5px; }\r\n.actions { display: flex; gap: 15px; margin-top: 30px; justify-content: center; flex-wrap: wrap; }\r\n.btn { padding: 12px 25px; border-radius: 12px; border: none; cursor: pointer; font-weight: 700; font-size: 15px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }\r\n.btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }\r\n.btn-wa { background: linear-gradient(135deg, #25D366, #128C7E); color: #fff; }\r\n.btn-clear { background: linear-gradient(135deg, #e74c3c, #c0392b); color: #fff; }\r\n@media (max-width: 768px) { .item-header { flex-direction: column; align-items: stretch; } .status-toggle { justify-content: space-around; } .toc { position: static; } }\r\n.checklist-item[data-status=\"\u062a\u0645\"] { border-left-color: var(--accent-done); }\r\n.checklist-item[data-status=\"\u0644\u0645 \u064a\u062a\u0645\"] { border-left-color: var(--accent-pending); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header class=\"main-header\">\r\n <h1>\u0627\u0644\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u064a \u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/h1>\r\n <\/header>\r\n\r\n <nav class=\"toc\">\r\n <a href=\"#phase1\">1. \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629<\/a>\r\n <a href=\"#phase2\">2. \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 (\u0642\u0628\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645)<\/a>\r\n <a href=\"#phase3\">3. \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 (\u0627\u0644\u0639\u0642\u062f \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621)<\/a>\r\n <a href=\"#phase4\">4. \u0634\u0631\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/a>\r\n <a href=\"#phase5\">5. \u062a\u0635\u0631\u064a\u062d \u0627\u0644\u062d\u0641\u0631 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628<\/a>\r\n <\/nav>\r\n\r\n <div class=\"progress-bar-container\"><div class=\"progress-bar\" id=\"progressBar\"><\/div><\/div>\r\n\r\n <div class=\"dashboard\">\r\n <div class=\"dash-card\"><h3>\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0633\u062c\u0644\u0629<\/h3><p id=\"totalCost\">0 \u062c<\/p><\/div>\r\n <div class=\"dash-card\"><h3>\u0628\u0646\u0648\u062f \u0645\u0643\u062a\u0645\u0644\u0629<\/h3><p id=\"totalDone\">0<\/p><\/div>\r\n <div class=\"dash-card\"><h3>\u0628\u0646\u0648\u062f \u0645\u0639\u0644\u0642\u0629<\/h3><p id=\"totalPending\">0<\/p><\/div>\r\n <\/div>\r\n\r\n <form id=\"checklistForm\">\r\n \r\n <section class=\"phase\" id=\"phase1\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\uddc2\ufe0f<\/span><h2>1. \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629 (\u0642\u0628\u0644 \u0627\u0644\u062c\u0647\u0627\u0632)<\/h2><\/div>\r\n \r\n <div class=\"checklist-item\" data-id=\"con_a\">\r\n <div class=\"item-header\"><strong>1.1 \u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646: \u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0642\u062f \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0629<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"con_a\" id=\"con_a_done\" value=\"\u062a\u0645\"><label for=\"con_a_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"con_a\" id=\"con_a_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"con_a_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0627\u0644\u0631\u0633\u0648\u0645:<\/b> 0.05% \u0645\u0646 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0631\u062e\u0635\u0629.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0631\u0633\u0648\u0645\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0645\u0642\u0627\u0648\u0644:<\/b> 750 - 1,500 \u062c<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0634\u0631\u0627\u0621 \u0648\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0642\u062f \u0645\u0646 \u0634\u0631\u0643\u0629 \u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0645\u0633\u062c\u0644\u0629. (\u0645\u0637\u0644\u0648\u0628 \u0639\u0642\u062f \u062c\u062f\u064a\u062f \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0623\u0648 \u0648\u062c\u0648\u062f \u0645\u0635\u0639\u062f).<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"ins_b\">\r\n <div class=\"item-header\"><strong>1.2 \u0627\u0644\u062a\u0623\u0645\u064a\u0646\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629: \u0625\u0646\u0647\u0627\u0621 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"ins_b\" id=\"ins_b_done\" value=\"\u062a\u0645\"><label for=\"ins_b_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"ins_b\" id=\"ins_b_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"ins_b_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0627\u0644\u0631\u0633\u0648\u0645:<\/b> \u0646\u0633\u0628\u0629 \u0645\u0646 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0631\u062e\u0635\u0629 (2.19% \u0628\u062f\u0648\u0646 \u0633\u0648\u0631\u060c 3.6% \u0644\u0644\u0633\u0648\u0631). \u062a\u062a\u0631\u0627\u0648\u062d \u0645\u0646 35,000 \u0625\u0644\u0649 60,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0631\u0633\u0648\u0645\"><p style=\"margin-top: 8px;\"><b>\u0627\u0644\u0623\u062a\u0639\u0627\u0628:<\/b> ~3,500 \u062c<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p><b>\u0628\u0639\u062f \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0642\u062f \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0629\u060c<\/b> \u064a\u062a\u0645 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0642\u062f \u0648\u062e\u0637\u0627\u0628 \u0627\u0644\u062c\u0647\u0627\u0632\u060c \u0627\u0646\u062a\u0638\u0627\u0631 \u0623\u0645\u0631 \u0627\u0644\u062f\u0641\u0639 (\u0623\u0633\u0628\u0648\u0639)\u060c \u0627\u0644\u0633\u062f\u0627\u062f\u060c \u062b\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0648\u0645\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u26a0\ufe0f \u0627\u0646\u062a\u0628\u0647<\/h4><p>\u0627\u0644\u0645\u0647\u0644\u0629 \u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u062e\u0635\u0629 \u0644\u062a\u062c\u0646\u0628 \u063a\u0631\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u0623\u062e\u064a\u0631 (2.2% \u0634\u0647\u0631\u064a\u064b\u0627).<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"eng_a\">\r\n <div class=\"item-header\"><strong>1.3 \u0646\u0642\u0627\u0628\u0629 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646: \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0634\u0647\u0627\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0628\u0646\u0649<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"eng_a\" id=\"eng_a_done\" value=\"\u062a\u0645\"><label for=\"eng_a_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"eng_a\" id=\"eng_a_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"eng_a_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0627\u0644\u0631\u0633\u0648\u0645:<\/b> 400 - 600 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0631\u0633\u0648\u0645\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0645\u0647\u0646\u062f\u0633:<\/b> ~1,500 \u062c<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83c\udfaf \u0627\u0644\u0647\u062f\u0641<\/h4><p>\u0627\u0639\u062a\u0645\u0627\u062f \u0634\u0647\u0627\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0644\u0644\u0625\u0634\u063a\u0627\u0644 \u0645\u0646 \u0645\u0647\u0646\u062f\u0633 \u0646\u0642\u0627\u0628\u064a \u0644\u062a\u0642\u062f\u064a\u0645\u0647\u0627 \u0644\u0644\u062c\u0647\u0627\u0632.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase2\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83c\udfe2<\/span><h2>2. \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 (\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645)<\/h2><\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_a\">\r\n <div class=\"item-header\"><strong>2.1 \u062f\u0641\u0639 \u0631\u0633\u0648\u0645 (\u0627\u0644\u0646\u0638\u0627\u0641\u0629\u060c \u0627\u0644\u0625\u0634\u063a\u0627\u0644\u060c \u0627\u0644\u0645\u062e\u0644\u0641\u0627\u062a)<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_a\" id=\"city_a_done\" value=\"\u062a\u0645\"><label for=\"city_a_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_a\" id=\"city_a_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_a_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0631\u0633\u0648\u0645:<\/b> 15,000 - 22,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0641\u0639\u0644\u064a\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0625\u062c\u0631\u0627\u0621:<\/b> ~25,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_b\">\r\n <div class=\"item-header\"><strong>2.2 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062e\u0637\u0627\u0628 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0628\u0648\u0646\u0627\u062a<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_b\" id=\"city_b_done\" value=\"\u062a\u0645\"><label for=\"city_b_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_b\" id=\"city_b_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_b_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0628\u0639\u062f \u0635\u0628 \u0627\u0644\u0642\u0648\u0627\u0639\u062f\u060c \u064a\u062a\u0645 \u0639\u0645\u0644 \u0645\u0639\u0627\u064a\u0646\u0629 \u0645\u0646 \u0625\u062f\u0627\u0631\u0629 \u062a\u0635\u0627\u0631\u064a\u062d \u0627\u0644\u062d\u0641\u0631 \u0648\u062a\u0633\u0644\u064a\u0645 \u0628\u0648\u0646\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0644\u0644\u0645\u0642\u0627\u0644\u0628 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u26a0\ufe0f \u0627\u0646\u062a\u0628\u0647<\/h4><p>\u0625\u0630\u0627 \u0644\u0645 \u062a\u0633\u0644\u0645 \u0627\u0644\u0628\u0648\u0646\u0627\u062a\u060c \u064a\u062a\u0645 \u062f\u0641\u0639 \u0631\u0633\u0648\u0645 (60-230 \u062c) \u0623\u0648 \u063a\u0631\u0627\u0645\u0627\u062a \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u0644\u0629 (\u0623\u0631\u0636 \u0635\u062e\u0631\u064a\u0629\/\u0631\u0645\u0644\u064a\u0629).<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_c\">\r\n <div class=\"item-header\"><strong>2.3 \u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0649 \u0641\u062a\u062d \u0645\u0647\u0644\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 (\u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629)<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_c\" id=\"city_c_done\" value=\"\u062a\u0645\"><label for=\"city_c_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_c\" id=\"city_c_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_c_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a:<\/b> 231 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u062a\u0645 \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0645\u0647\u0644\u0629. \u064a\u062a\u0637\u0644\u0628 \u0645\u0639\u0627\u064a\u0646\u0629 \u0638\u0627\u0647\u0631\u064a\u0629\u060c \u0648\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0648\u0627\u0644\u0633\u0648\u0631 \u0648\u0627\u0644\u0645\u062f\u062e\u0644 \u0645\u062a\u0634\u0637\u0628\u0629.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase3\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\udcd1<\/span><h2>3. \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 (\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0649 \u0627\u0644\u0639\u0642\u062f \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621)<\/h2><\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_d\">\r\n <div class=\"item-header\"><strong>3.1 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0627\u062a (\u062a\u0631\u0627\u062e\u064a\u0635 \u0648\u0645\u0633\u0627\u062d\u0629)<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_d\" id=\"city_d_done\" value=\"\u062a\u0645\"><label for=\"city_d_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_d\" id=\"city_d_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_d_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p><b>\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635:<\/b> \u0627\u0644\u0633\u0627\u0639\u0629 8:30 \u0635\u0628\u0627\u062d\u064b\u0627\u060c \u0644\u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0639 \u0627\u0644\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629. <b>\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629:<\/b> \u0644\u0642\u064a\u0627\u0633 \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0623\u0633\u0648\u0627\u0631 \u0648\u0645\u0637\u0627\u0628\u0642\u062a\u0647\u0627 \u0628\u0627\u0644\u0643\u0631\u0648\u0643\u064a.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u26a0\ufe0f \u0627\u0646\u062a\u0628\u0647<\/h4><p>\u0641\u064a \u062d\u0627\u0644\u0629 \u0648\u062c\u0648\u062f \u0645\u062e\u0627\u0644\u0641\u0627\u062a\u060c \u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629. \u0628\u0639\u0636 \u0627\u0644\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u064a\u0645\u0643\u0646 \u062a\u0642\u0646\u064a\u0646\u0647\u0627 \u0628\u0631\u0633\u0648\u0645\u060c \u0648\u0628\u0639\u0636\u0647\u0627 \u064a\u062c\u0628 \u0625\u0632\u0627\u0644\u062a\u0647.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_e\">\r\n <div class=\"item-header\"><strong>3.2 \u062a\u0642\u062f\u064a\u0645 \u0645\u0644\u0641 \u0627\u0644\u0639\u0642\u062f \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u062f\u0641\u0639 \u0627\u0644\u0631\u0633\u0648\u0645<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_e\" id=\"city_e_done\" value=\"\u062a\u0645\"><label for=\"city_e_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_e\" id=\"city_e_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_e_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0645\u0639\u0627\u0645\u0644\u0629 \u0639\u062f\u0627\u062f \u062f\u0627\u0626\u0645:<\/b> 231 \u062c. <b>\u0645\u0639\u0627\u0645\u0644\u0629 \u0639\u0642\u062f \u0627\u0628\u062a\u062f\u0627\u0626\u064a:<\/b> 116 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0625\u062c\u0645\u0627\u0644\u064a \u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h4><p>\u0635\u0648\u0631 (\u0625\u062e\u0637\u0627\u0631 \u062a\u062e\u0635\u064a\u0635\u060c \u0645\u062d\u0636\u0631 \u0627\u0633\u062a\u0644\u0627\u0645\u060c \u0631\u062e\u0635\u0629\u060c \u0625\u064a\u0635\u0627\u0644 \u0646\u0638\u0627\u0641\u0629\u060c \u0634\u0647\u0627\u062f\u0629 \u062a\u0623\u0645\u064a\u0646\u0627\u062a\u060c \u0634\u0647\u0627\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629\u060c \u0639\u0642\u062f \u0645\u0642\u0627\u0648\u0644\u0629\u060c \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0627\u0644\u0643\u060c \u062a\u0648\u0643\u064a\u0644\u0627\u062a) \u0645\u0639 \u0648\u062c\u0648\u062f \u0627\u0644\u0623\u0635\u0648\u0644 \u0644\u0644\u0627\u0637\u0644\u0627\u0639.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_f\">\r\n <div class=\"item-header\"><strong>3.3 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\u0629 \u0628\u0627\u0644\u062c\u0647\u0627\u0632: \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0639\u0642\u062f \u0648\u062e\u0637\u0627\u0628 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_f\" id=\"city_f_done\" value=\"\u062a\u0645\"><label for=\"city_f_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_f\" id=\"city_f_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_f_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0631\u0633\u0648\u0645 \u0627\u0644\u0639\u0642\u062f:<\/b> ~2,280 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0631\u0633\u0648\u0645 \u0627\u0644\u0639\u0642\u062f \u0627\u0644\u0641\u0639\u0644\u064a\u0629\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0625\u062c\u0631\u0627\u0621:<\/b> ~10,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83c\udfaf \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a<\/h4><p><b>1. \u0627\u0644\u0639\u0642\u062f \u0627\u0644\u0627\u0628\u062a\u062f\u0627\u0626\u064a:<\/b> \u064a\u062a\u0645 \u062a\u0648\u0642\u064a\u0639\u0647 \u0648\u0627\u0633\u062a\u0644\u0627\u0645\u0647 \u062e\u0644\u0627\u0644 \u0634\u0647\u0631\u064a\u0646. <b>2. \u062e\u0637\u0627\u0628 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621:<\/b> \u064a\u062a\u0645 \u0625\u0635\u062f\u0627\u0631\u0647 (10-15 \u064a\u0648\u0645) \u0648\u0635\u0644\u0627\u062d\u064a\u062a\u0647 \u0634\u0647\u0631 \u0648\u0627\u062d\u062f \u0641\u0642\u0637.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase4\">\r\n <div class=\"phase-header\"><span class=\"icon\">\u26a1<\/span><h2>4. \u0634\u0631\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/h2><\/div>\r\n \r\n <div class=\"checklist-item\" data-id=\"elec_a\">\r\n <div class=\"item-header\"><strong>4.1 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628 \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0628\u062f\u0626\u064a\u0629<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"elec_a\" id=\"elec_a_done\" value=\"\u062a\u0645\"><label for=\"elec_a_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"elec_a\" id=\"elec_a_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"elec_a_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0631\u0633\u0648\u0645 \u062a\u0642\u062f\u064a\u0645:<\/b> 570 - 1,500 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u062a\u0642\u062f\u064a\u0645\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u0642\u062f\u064a\u0645 \u062e\u0637\u0627\u0628 \u0627\u0644\u062c\u0647\u0627\u0632 \u062e\u0644\u0627\u0644 \u0634\u0647\u0631 \u0645\u0646 \u0635\u062f\u0648\u0631\u0647. \u0628\u0639\u062f 4 \u0623\u064a\u0627\u0645\u060c \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0645\u0639\u0627\u064a\u0646\u0629 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0634\u0628\u0643\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"elec_b\">\r\n <div class=\"item-header\"><strong>4.2 \u062f\u0641\u0639 \u0627\u0644\u0645\u0642\u0627\u064a\u0633\u0629<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"elec_b\" id=\"elec_b_done\" value=\"\u062a\u0645\"><label for=\"elec_b_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"elec_b\" id=\"elec_b_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"elec_b_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0642\u0627\u064a\u0633\u0629:<\/b> 55,000 - 120,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0645\u0642\u0627\u064a\u0633\u0629\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0625\u062c\u0631\u0627\u0621:<\/b> ~25,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u062a\u0645 \u062f\u0641\u0639\u0647\u0627 \u0628\u0639\u062f \u0623\u0633\u0628\u0648\u0639\u064a\u0646 \u0645\u0646 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629. \u0625\u0630\u0627 \u0643\u0627\u0646 \u0637\u0648\u0644 \u0627\u0644\u0643\u0627\u0628\u0644 > 10\u0645\u060c \u064a\u062c\u0628 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u062a\u0635\u0631\u064a\u062d \u062d\u0641\u0631.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase5\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\udee0\ufe0f<\/span><h2>5. \u062a\u0635\u0631\u064a\u062d \u0627\u0644\u062d\u0641\u0631 \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a<\/h2><\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"elec_c\">\r\n <div class=\"item-header\"><strong>5.1 \u0639\u0645\u0644 \u062a\u0635\u0631\u064a\u062d \u062d\u0641\u0631 \u0627\u0644\u0643\u0627\u0628\u0644 (\u0625\u0646 \u0644\u0632\u0645)<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"elec_c\" id=\"elec_c_done\" value=\"\u062a\u0645\"><label for=\"elec_c_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"elec_c\" id=\"elec_c_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"elec_c_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>1. \u0627\u0633\u062a\u0644\u0627\u0645 \u062e\u0637\u0627\u0628 \u0648\u0643\u0631\u0648\u0643\u064a \u0645\u0646 \u0634\u0631\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621. 2. \u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0644\u062c\u0647\u0627\u0632 \u0648\u0639\u0645\u0644 \u0645\u062d\u0627\u0636\u0631 \u062a\u0646\u0633\u064a\u0642 \u0645\u0639 (\u0627\u0644\u0645\u064a\u0627\u0647\u060c \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a\u060c \u0627\u0644\u063a\u0627\u0632). 3. \u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0631\u0642 \u0644\u062f\u0641\u0639 \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u062d\u0641\u0631. 4. \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u062e\u0637\u0627\u0628 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"elec_d\">\r\n <div class=\"item-header\"><strong>5.2 \u0627\u0633\u062a\u0644\u0627\u0645 \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0643\u0627\u0628\u0644 \u0648\u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"elec_d\" id=\"elec_d_done\" value=\"\u062a\u0645\"><label for=\"elec_d_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"elec_d\" id=\"elec_d_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"elec_d_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f. \u064a\u062a\u0645 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0633\u064a\u0627\u0631\u0629 \u0646\u0635\u0641 \u0646\u0642\u0644 \u0644\u0646\u0642\u0644 \u0627\u0644\u0643\u0627\u0628\u0644 \u0648\u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0644\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0627\u0644\u062a\u0646\u0634\u064a\u0637.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/form>\r\n\r\n <div class=\"actions\">\r\n <button id=\"sendReportButton\" class=\"btn btn-wa\" type=\"button\">\ud83d\udce4 \u062a\u0648\u0644\u064a\u062f \u062a\u0642\u0631\u064a\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/button>\r\n <button id=\"clearButton\" class=\"btn btn-clear\" type=\"button\">\ud83d\uddd1\ufe0f \u0645\u0633\u062d \u0643\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ JavaScript code is robust and does not need changes.\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const form = document.getElementById('checklistForm');\r\n const storageKey = 'smartChecklist_v5.0_final';\r\n\r\n function updateAll() {\r\n updateStatusColors();\r\n updateDashboard();\r\n saveState();\r\n }\r\n\r\n function updateStatusColors() {\r\n form.querySelectorAll('.checklist-item').forEach(item => {\r\n const radioName = item.dataset.id;\r\n const checkedRadio = form.querySelector(`input[name=\"${radioName}\"]:checked`);\r\n if (checkedRadio) {\r\n item.dataset.status = checkedRadio.value;\r\n }\r\n });\r\n }\r\n\r\n function updateDashboard() {\r\n const allItems = form.querySelectorAll('.checklist-item');\r\n const totalItems = allItems.length;\r\n const doneItems = form.querySelectorAll('input[value=\"\u062a\u0645\"]:checked').length;\r\n const pendingItems = totalItems - doneItems;\r\n\r\n const progress = totalItems > 0 ? (doneItems \/ totalItems) * 100 : 0;\r\n const progressBar = document.getElementById('progressBar');\r\n progressBar.style.width = `${progress}%`;\r\n progressBar.textContent = `${Math.round(progress)}%`;\r\n\r\n document.getElementById('totalDone').textContent = doneItems;\r\n document.getElementById('totalPending').textContent = pendingItems;\r\n\r\n let totalCost = 0;\r\n form.querySelectorAll('.cost-input').forEach(input => {\r\n if (input.value) {\r\n totalCost += parseFloat(input.value);\r\n }\r\n });\r\n document.getElementById('totalCost').textContent = `${totalCost.toLocaleString('ar-EG')} \u062c`;\r\n }\r\n\r\n function saveState() {\r\n const data = {};\r\n form.querySelectorAll('.checklist-item').forEach(item => {\r\n const id = item.dataset.id;\r\n const status = form.querySelector(`input[name=\"${id}\"]:checked`).value;\r\n const costs = {};\r\n item.querySelectorAll('.cost-input').forEach((input, index) => {\r\n costs[`cost_${index}`] = input.value;\r\n });\r\n data[id] = { status, costs };\r\n });\r\n localStorage.setItem(storageKey, JSON.stringify(data));\r\n }\r\n\r\n function loadState() {\r\n const rawData = localStorage.getItem(storageKey);\r\n if (!rawData) {\r\n updateAll();\r\n return;\r\n }\r\n \r\n const data = JSON.parse(rawData);\r\n for (const id in data) {\r\n if (data.hasOwnProperty(id)) {\r\n const itemData = data[id];\r\n const radio = form.querySelector(`input[name=\"${id}\"][value=\"${itemData.status}\"]`);\r\n if (radio) radio.checked = true;\r\n \r\n const itemElement = form.querySelector(`.checklist-item[data-id=\"${id}\"]`);\r\n if (itemElement && itemData.costs) {\r\n itemElement.querySelectorAll('.cost-input').forEach((input, index) => {\r\n if (itemData.costs[`cost_${index}`]) {\r\n input.value = itemData.costs[`cost_${index}`];\r\n }\r\n });\r\n }\r\n }\r\n }\r\n updateAll();\r\n }\r\n\r\n \/\/ --- Event Handlers ---\r\n form.addEventListener('change', (e) => {\r\n if (e.target.type === 'radio' || e.target.classList.contains('cost-input')) {\r\n updateAll();\r\n }\r\n });\r\n\r\n document.getElementById('sendReportButton').addEventListener('click', () => {\r\n let reportText = `*\ud83d\udcca \u062a\u0642\u0631\u064a\u0631 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0628\u0646\u0649 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621*\\n\\n`;\r\n const totalItems = form.querySelectorAll('.checklist-item').length;\r\n const doneItems = form.querySelectorAll('input[value=\"\u062a\u0645\"]:checked').length;\r\n const progress = totalItems > 0 ? Math.round((doneItems \/ totalItems) * 100) : 0;\r\n \r\n reportText += `*\u0646\u0633\u0628\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632: ${progress}%*\\n`;\r\n reportText += `*\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062c\u0644\u0629: ${document.getElementById('totalCost').textContent}*\\n\\n`;\r\n\r\n reportText += '\u2705 *\u0627\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629:*\\n';\r\n let hasDone = false;\r\n form.querySelectorAll('.checklist-item[data-status=\"\u062a\u0645\"]').forEach(item => {\r\n hasDone = true;\r\n const title = item.querySelector('strong').textContent.trim();\r\n reportText += `- ${title}\\n`;\r\n });\r\n if (!hasDone) reportText += '\u0644\u0627 \u064a\u0648\u062c\u062f.\\n';\r\n\r\n reportText += '\\n\u23f3 *\u0627\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u0645\u0639\u0644\u0642\u0629:*\\n';\r\n let hasPending = false;\r\n form.querySelectorAll('.checklist-item[data-status=\"\u0644\u0645 \u064a\u062a\u0645\"]').forEach(item => {\r\n hasPending = true;\r\n const title = item.querySelector('strong').textContent.trim();\r\n reportText += `- ${title}\\n`;\r\n });\r\n if (!hasPending) reportText += '\u0644\u0627 \u064a\u0648\u062c\u062f.\\n';\r\n\r\n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(reportText)}`, '_blank');\r\n });\r\n\r\n document.getElementById('clearButton').addEventListener('click', () => {\r\n if (confirm('\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0623\u0646\u0643 \u062a\u0631\u064a\u062f \u0645\u0633\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062d\u0641\u0648\u0638\u0629 \u0648\u0627\u0644\u0628\u062f\u0621 \u0645\u0646 \u062c\u062f\u064a\u062f\u061f')) {\r\n localStorage.removeItem(storageKey);\r\n form.reset();\r\n form.querySelectorAll('.cost-input').forEach(input => input.value = '');\r\n \/\/ Manually set radios to '\u0644\u0645 \u064a\u062a\u0645' as reset might not work as expected\r\n form.querySelectorAll('input[value=\"\u0644\u0645 \u064a\u062a\u0645\"]').forEach(radio => radio.checked = true);\r\n updateAll();\r\n }\r\n });\r\n\r\n \/\/ --- Initial Load ---\r\n loadState();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-54253","page","type-page","status-publish","hentry"],"jetpack-related-posts":[{"id":54386,"url":"https:\/\/engeg.com\/b\/1-%d9%83%d9%84-%d8%a7%d9%84%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7\/","url_meta":{"origin":54253,"position":0},"title":"1 \u0643\u0644 \u0627\u0644\u062e\u0631\u0627\u0626\u0637","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 24, 2025","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52672,"url":"https:\/\/engeg.com\/b\/%d9%85%d9%8a%d8%b2%d8%a7%d9%86-%d8%a7%d9%84%d9%82%d8%a7%d9%85%d9%87\/","url_meta":{"origin":54253,"position":1},"title":"\u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u0642\u0627\u0645\u0647","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 30, 2025","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52886,"url":"https:\/\/engeg.com\/b\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7\/","url_meta":{"origin":54253,"position":2},"title":"\u062e\u0631\u0627\u0626\u0637 \u0627\u0644\u062d\u064a \u0627\u0644\u062e\u0627\u0645\u0633\u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0642\u062f\u064a\u0645 \u0634\u0627\u062a","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 3, 2025","format":false,"excerpt":"\u00a0\u0645\u0644\u0627\u062d\u0638\u0629: \u0623\u064a \u0645\u0643\u0627\u0646 \u062a\u062d\u0641\u0638\u0647 \u0641\u064a \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u064a\u062a\u0645 \u062a\u062e\u0632\u064a\u0646\u0647 **\u0645\u062d\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u062c\u0647\u0627\u0632\u0643 \u0641\u0642\u0637** \u0648\u0644\u0646 \u064a\u064f\u0634\u0627\u0631\u0643 \u0645\u0639 \u0623\u064a \u0634\u062e\u0635 \u0622\u062e\u0631. \ud83d\udccd \u0637\u0631\u064a\u0642\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0645\u0643\u0627\u0646 \u0641\u064a \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0644\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644\u0647 \u0648\u0627\u0644\u0639\u0646\u0648\u0627\u0646. \u0645\u0646 \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u064a\u0645\u0643\u0646\u0643: \u2b50 \u062d\u0641\u0638 \u0627\u0644\u0645\u0643\u0627\u0646 \u0641\u064a \u0645\u0641\u0636\u0644\u062a\u0643. \ud83d\ude97 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0639\u0628\u0631 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644. \ud83d\udce4 \u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0645\u0639 \u0627\u0644\u0622\u062e\u0631\u064a\u0646. \u0632\u0631\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52633,"url":"https:\/\/engeg.com\/b\/%d8%aa%d8%ac%d8%b1%d8%a8%d9%87-%d8%ad%d8%b5%d8%b1-%d8%a7%d9%84%d9%82%d9%88%d8%a7%d8%b9%d8%af\/","url_meta":{"origin":54253,"position":3},"title":"\u062a\u062c\u0631\u0628\u0647 \u062d\u0635\u0631 \u0627\u0644\u0642\u0648\u0627\u0639\u062f","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 29, 2025","format":false,"excerpt":"\u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0644\u062d\u0635\u0631 \u0643\u0645\u064a\u0627\u062a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0648\u0627\u0644\u062d\u062f\u064a\u062f \u0644\u0644\u0642\u0648\u0627\u0639\u062f \u0648\u0627\u0644\u0645\u064a\u062f\u0627\u062a \u0648\u0631\u0642\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 1. \u0627\u0644\u0642\u0648\u0627\u0639\u062f (Foundations) + \u0625\u0636\u0627\u0641\u0629 \u0646\u0645\u0648\u0630\u062c \u0642\u0627\u0639\u062f\u0629 2. \u0627\u0644\u0645\u064a\u062f\u0627\u062a (Tie Beams) + \u0625\u0636\u0627\u0641\u0629 \u0646\u0645\u0648\u0630\u062c \u0645\u064a\u062f\u0629 3. \u0631\u0642\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 (Column Necks) + \u0625\u0636\u0627\u0641\u0629 \u0646\u0645\u0648\u0630\u062c \u0631\u0642\u0628\u0629 \u0639\u0645\u0648\u062f \u0627\u062d\u0633\u0628 \u0627\u0644\u0622\u0646 \u0627\u0644\u0645\u0644\u062e\u0635 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u062c\u0645\u0627\u0644\u064a \u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0642\u0648\u0627\u0639\u062f (\u0645\u00b3)0.00 \u0625\u062c\u0645\u0627\u0644\u064a \u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u062a (\u0645\u00b3)0.00 \u0625\u062c\u0645\u0627\u0644\u064a\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20634,"url":"https:\/\/engeg.com\/b\/typography\/","url_meta":{"origin":54253,"position":4},"title":"Typography","author":"interior","date":"\u0623\u0628\u0631\u064a\u0644 18, 2018","format":false,"excerpt":"H1 Headline Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in molestie. Curabitur pellentesque massa eu nulla consequat sed porttitor arcu porttitor. Quisque volutpat pharetra felis, eu cursus lorem molestie vitae. Nulla vehicula, lacus\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20620,"url":"https:\/\/engeg.com\/b\/widgets\/","url_meta":{"origin":54253,"position":5},"title":"Widgets","author":"interior","date":"\u0623\u0628\u0631\u064a\u0644 18, 2018","format":false,"excerpt":"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/pages\/54253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/comments?post=54253"}],"version-history":[{"count":2,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/pages\/54253\/revisions"}],"predecessor-version":[{"id":54641,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/pages\/54253\/revisions\/54641"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=54253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n\r\n\r\n\u0627\u0644\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u064a | \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0628\u0646\u0649 (\u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629)<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --bg-main: #f0f4f8;\r\n --bg-glass: rgba(255, 255, 255, 0.7);\r\n --border-color: rgba(0, 0, 0, 0.08);\r\n --text-primary: #1a253c;\r\n --text-secondary: #5a6479;\r\n --accent-primary: #2980b9;\r\n --accent-secondary: #16a085;\r\n --accent-done: #27ae60;\r\n --accent-pending: #f39c12;\r\n --shadow: 0 10px 35px rgba(0, 0, 0, 0.07);\r\n --border-radius: 16px;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody { background-color: var(--bg-main); background-image: linear-gradient(135deg, #eaf0f7 0%, #f0f4f8 100%); font-family: 'Cairo', sans-serif; padding: 20px; margin: 0; color: var(--text-primary); }\r\n.container { max-width: 900px; margin: 0 auto; }\r\n.main-header { text-align: center; margin-bottom: 20px; }\r\n.main-header h1 { font-size: 28px; font-weight: 900; margin: 0; background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n.toc { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 20px 0; padding: 10px; background: var(--bg-glass); border-radius: var(--border-radius); box-shadow: var(--shadow); backdrop-filter: blur(10px); position: sticky; top: 10px; z-index: 100; }\r\n.toc a { background: rgba(0,0,0,0.05); color: var(--text-secondary); padding: 8px 15px; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s ease; }\r\n.toc a:hover, .toc a.active { background: var(--accent-primary); color: #fff; transform: translateY(-2px); }\r\n.progress-bar-container { background: rgba(0,0,0,0.05); border-radius: 10px; padding: 4px; margin: 25px 0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); }\r\n.progress-bar { width: 0%; height: 12px; background: linear-gradient(90deg, var(--accent-secondary), var(--accent-primary)); border-radius: 6px; transition: width 0.5s ease-in-out; text-align: center; color: white; font-size: 10px; line-height: 12px; }\r\n.dashboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 25px; }\r\n.dash-card { background: var(--bg-glass); border: 1px solid var(--border-color); backdrop-filter: blur(10px); padding: 15px; border-radius: var(--border-radius); text-align: center; box-shadow: var(--shadow); }\r\n.dash-card h3 { margin: 0 0 8px; font-size: 14px; color: var(--text-secondary); font-weight: 400; }\r\n.dash-card p { margin: 0; font-size: 22px; font-weight: 700; }\r\n.phase { margin-bottom: 30px; padding-top: 70px; margin-top: -70px; } \/* Padding for anchor links *\/\r\n.phase-header { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--border-color); }\r\n.phase-header .icon { font-size: 24px; }\r\n.phase-header h2 { margin: 0; font-size: 22px; font-weight: 700; }\r\n.checklist-item { background: var(--bg-glass); border: 1px solid var(--border-color); backdrop-filter: blur(10px); padding: 20px; border-radius: var(--border-radius); margin-bottom: 15px; box-shadow: var(--shadow); transition: all 0.3s ease; border-left: 5px solid var(--border-color); }\r\n.item-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }\r\n.item-header strong { font-size: 17px; flex-grow: 1; }\r\n.status-toggle { display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,0.04); padding: 5px; border-radius: 10px; flex-shrink: 0; }\r\n.status-toggle label { padding: 5px 12px; border-radius: 7px; cursor: pointer; font-size: 13px; font-weight: 700; transition: all 0.3s ease; }\r\n.status-toggle input:checked + label { color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }\r\n.status-toggle input[value=\"\u062a\u0645\"]:checked + label { background-color: var(--accent-done); }\r\n.status-toggle input[value=\"\u0644\u0645 \u064a\u062a\u0645\"]:checked + label { background-color: var(--accent-pending); }\r\n.status-toggle input { display: none; }\r\n.item-body { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border-color); }\r\n.details-grid { display: grid; grid-template-columns: 1fr; gap: 15px; }\r\n.detail-box { background: rgba(0,0,0,0.02); padding: 12px; border-radius: 10px; }\r\n.detail-box h4 { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--text-secondary); display: flex; align-items: center; gap: 5px; }\r\n.detail-box p, .detail-box ul { margin: 0; font-size: 14px; line-height: 1.7; padding-right: 15px; }\r\n.cost-input { width: 100%; padding: 8px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.1); font-size: 14px; box-sizing: border-box; margin-top: 5px; }\r\n.actions { display: flex; gap: 15px; margin-top: 30px; justify-content: center; flex-wrap: wrap; }\r\n.btn { padding: 12px 25px; border-radius: 12px; border: none; cursor: pointer; font-weight: 700; font-size: 15px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }\r\n.btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }\r\n.btn-wa { background: linear-gradient(135deg, #25D366, #128C7E); color: #fff; }\r\n.btn-clear { background: linear-gradient(135deg, #e74c3c, #c0392b); color: #fff; }\r\n@media (max-width: 768px) { .item-header { flex-direction: column; align-items: stretch; } .status-toggle { justify-content: space-around; } .toc { position: static; } }\r\n.checklist-item[data-status=\"\u062a\u0645\"] { border-left-color: var(--accent-done); }\r\n.checklist-item[data-status=\"\u0644\u0645 \u064a\u062a\u0645\"] { border-left-color: var(--accent-pending); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header class=\"main-header\">\r\n <h1>\u0627\u0644\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u064a \u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/h1>\r\n <\/header>\r\n\r\n <nav class=\"toc\">\r\n <a href=\"#phase1\">1. \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629<\/a>\r\n <a href=\"#phase2\">2. \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 (\u0642\u0628\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645)<\/a>\r\n <a href=\"#phase3\">3. \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 (\u0627\u0644\u0639\u0642\u062f \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621)<\/a>\r\n <a href=\"#phase4\">4. \u0634\u0631\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/a>\r\n <a href=\"#phase5\">5. \u062a\u0635\u0631\u064a\u062d \u0627\u0644\u062d\u0641\u0631 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628<\/a>\r\n <\/nav>\r\n\r\n <div class=\"progress-bar-container\"><div class=\"progress-bar\" id=\"progressBar\"><\/div><\/div>\r\n\r\n <div class=\"dashboard\">\r\n <div class=\"dash-card\"><h3>\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0633\u062c\u0644\u0629<\/h3><p id=\"totalCost\">0 \u062c<\/p><\/div>\r\n <div class=\"dash-card\"><h3>\u0628\u0646\u0648\u062f \u0645\u0643\u062a\u0645\u0644\u0629<\/h3><p id=\"totalDone\">0<\/p><\/div>\r\n <div class=\"dash-card\"><h3>\u0628\u0646\u0648\u062f \u0645\u0639\u0644\u0642\u0629<\/h3><p id=\"totalPending\">0<\/p><\/div>\r\n <\/div>\r\n\r\n <form id=\"checklistForm\">\r\n \r\n <section class=\"phase\" id=\"phase1\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\uddc2\ufe0f<\/span><h2>1. \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629 (\u0642\u0628\u0644 \u0627\u0644\u062c\u0647\u0627\u0632)<\/h2><\/div>\r\n \r\n <div class=\"checklist-item\" data-id=\"con_a\">\r\n <div class=\"item-header\"><strong>1.1 \u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646: \u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0642\u062f \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0629<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"con_a\" id=\"con_a_done\" value=\"\u062a\u0645\"><label for=\"con_a_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"con_a\" id=\"con_a_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"con_a_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0627\u0644\u0631\u0633\u0648\u0645:<\/b> 0.05% \u0645\u0646 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0631\u062e\u0635\u0629.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0631\u0633\u0648\u0645\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0645\u0642\u0627\u0648\u0644:<\/b> 750 - 1,500 \u062c<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0634\u0631\u0627\u0621 \u0648\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0642\u062f \u0645\u0646 \u0634\u0631\u0643\u0629 \u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0645\u0633\u062c\u0644\u0629. (\u0645\u0637\u0644\u0648\u0628 \u0639\u0642\u062f \u062c\u062f\u064a\u062f \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0623\u0648 \u0648\u062c\u0648\u062f \u0645\u0635\u0639\u062f).<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"ins_b\">\r\n <div class=\"item-header\"><strong>1.2 \u0627\u0644\u062a\u0623\u0645\u064a\u0646\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629: \u0625\u0646\u0647\u0627\u0621 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"ins_b\" id=\"ins_b_done\" value=\"\u062a\u0645\"><label for=\"ins_b_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"ins_b\" id=\"ins_b_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"ins_b_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0627\u0644\u0631\u0633\u0648\u0645:<\/b> \u0646\u0633\u0628\u0629 \u0645\u0646 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0631\u062e\u0635\u0629 (2.19% \u0628\u062f\u0648\u0646 \u0633\u0648\u0631\u060c 3.6% \u0644\u0644\u0633\u0648\u0631). \u062a\u062a\u0631\u0627\u0648\u062d \u0645\u0646 35,000 \u0625\u0644\u0649 60,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0631\u0633\u0648\u0645\"><p style=\"margin-top: 8px;\"><b>\u0627\u0644\u0623\u062a\u0639\u0627\u0628:<\/b> ~3,500 \u062c<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p><b>\u0628\u0639\u062f \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0642\u062f \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0629\u060c<\/b> \u064a\u062a\u0645 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0642\u062f \u0648\u062e\u0637\u0627\u0628 \u0627\u0644\u062c\u0647\u0627\u0632\u060c \u0627\u0646\u062a\u0638\u0627\u0631 \u0623\u0645\u0631 \u0627\u0644\u062f\u0641\u0639 (\u0623\u0633\u0628\u0648\u0639)\u060c \u0627\u0644\u0633\u062f\u0627\u062f\u060c \u062b\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0648\u0645\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u26a0\ufe0f \u0627\u0646\u062a\u0628\u0647<\/h4><p>\u0627\u0644\u0645\u0647\u0644\u0629 \u0633\u0646\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0631\u062e\u0635\u0629 \u0644\u062a\u062c\u0646\u0628 \u063a\u0631\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u0623\u062e\u064a\u0631 (2.2% \u0634\u0647\u0631\u064a\u064b\u0627).<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"eng_a\">\r\n <div class=\"item-header\"><strong>1.3 \u0646\u0642\u0627\u0628\u0629 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646: \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0634\u0647\u0627\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0628\u0646\u0649<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"eng_a\" id=\"eng_a_done\" value=\"\u062a\u0645\"><label for=\"eng_a_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"eng_a\" id=\"eng_a_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"eng_a_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0627\u0644\u0631\u0633\u0648\u0645:<\/b> 400 - 600 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0644\u0631\u0633\u0648\u0645\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0645\u0647\u0646\u062f\u0633:<\/b> ~1,500 \u062c<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83c\udfaf \u0627\u0644\u0647\u062f\u0641<\/h4><p>\u0627\u0639\u062a\u0645\u0627\u062f \u0634\u0647\u0627\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0644\u0644\u0625\u0634\u063a\u0627\u0644 \u0645\u0646 \u0645\u0647\u0646\u062f\u0633 \u0646\u0642\u0627\u0628\u064a \u0644\u062a\u0642\u062f\u064a\u0645\u0647\u0627 \u0644\u0644\u062c\u0647\u0627\u0632.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase2\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83c\udfe2<\/span><h2>2. \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 (\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645)<\/h2><\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_a\">\r\n <div class=\"item-header\"><strong>2.1 \u062f\u0641\u0639 \u0631\u0633\u0648\u0645 (\u0627\u0644\u0646\u0638\u0627\u0641\u0629\u060c \u0627\u0644\u0625\u0634\u063a\u0627\u0644\u060c \u0627\u0644\u0645\u062e\u0644\u0641\u0627\u062a)<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_a\" id=\"city_a_done\" value=\"\u062a\u0645\"><label for=\"city_a_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_a\" id=\"city_a_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_a_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0631\u0633\u0648\u0645:<\/b> 15,000 - 22,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0641\u0639\u0644\u064a\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0625\u062c\u0631\u0627\u0621:<\/b> ~25,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_b\">\r\n <div class=\"item-header\"><strong>2.2 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062e\u0637\u0627\u0628 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0628\u0648\u0646\u0627\u062a<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_b\" id=\"city_b_done\" value=\"\u062a\u0645\"><label for=\"city_b_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_b\" id=\"city_b_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_b_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0628\u0639\u062f \u0635\u0628 \u0627\u0644\u0642\u0648\u0627\u0639\u062f\u060c \u064a\u062a\u0645 \u0639\u0645\u0644 \u0645\u0639\u0627\u064a\u0646\u0629 \u0645\u0646 \u0625\u062f\u0627\u0631\u0629 \u062a\u0635\u0627\u0631\u064a\u062d \u0627\u0644\u062d\u0641\u0631 \u0648\u062a\u0633\u0644\u064a\u0645 \u0628\u0648\u0646\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0644\u0644\u0645\u0642\u0627\u0644\u0628 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u26a0\ufe0f \u0627\u0646\u062a\u0628\u0647<\/h4><p>\u0625\u0630\u0627 \u0644\u0645 \u062a\u0633\u0644\u0645 \u0627\u0644\u0628\u0648\u0646\u0627\u062a\u060c \u064a\u062a\u0645 \u062f\u0641\u0639 \u0631\u0633\u0648\u0645 (60-230 \u062c) \u0623\u0648 \u063a\u0631\u0627\u0645\u0627\u062a \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u0644\u0629 (\u0623\u0631\u0636 \u0635\u062e\u0631\u064a\u0629\/\u0631\u0645\u0644\u064a\u0629).<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_c\">\r\n <div class=\"item-header\"><strong>2.3 \u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0649 \u0641\u062a\u062d \u0645\u0647\u0644\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 (\u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629)<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_c\" id=\"city_c_done\" value=\"\u062a\u0645\"><label for=\"city_c_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_c\" id=\"city_c_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_c_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a:<\/b> 231 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u062a\u0645 \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0645\u0647\u0644\u0629. \u064a\u062a\u0637\u0644\u0628 \u0645\u0639\u0627\u064a\u0646\u0629 \u0638\u0627\u0647\u0631\u064a\u0629\u060c \u0648\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0648\u0627\u0644\u0633\u0648\u0631 \u0648\u0627\u0644\u0645\u062f\u062e\u0644 \u0645\u062a\u0634\u0637\u0628\u0629.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase3\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\udcd1<\/span><h2>3. \u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 (\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0649 \u0627\u0644\u0639\u0642\u062f \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621)<\/h2><\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_d\">\r\n <div class=\"item-header\"><strong>3.1 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0627\u062a (\u062a\u0631\u0627\u062e\u064a\u0635 \u0648\u0645\u0633\u0627\u062d\u0629)<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_d\" id=\"city_d_done\" value=\"\u062a\u0645\"><label for=\"city_d_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_d\" id=\"city_d_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_d_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p><b>\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635:<\/b> \u0627\u0644\u0633\u0627\u0639\u0629 8:30 \u0635\u0628\u0627\u062d\u064b\u0627\u060c \u0644\u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0645\u0639 \u0627\u0644\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629. <b>\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629:<\/b> \u0644\u0642\u064a\u0627\u0633 \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0623\u0633\u0648\u0627\u0631 \u0648\u0645\u0637\u0627\u0628\u0642\u062a\u0647\u0627 \u0628\u0627\u0644\u0643\u0631\u0648\u0643\u064a.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u26a0\ufe0f \u0627\u0646\u062a\u0628\u0647<\/h4><p>\u0641\u064a \u062d\u0627\u0644\u0629 \u0648\u062c\u0648\u062f \u0645\u062e\u0627\u0644\u0641\u0627\u062a\u060c \u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629. \u0628\u0639\u0636 \u0627\u0644\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u064a\u0645\u0643\u0646 \u062a\u0642\u0646\u064a\u0646\u0647\u0627 \u0628\u0631\u0633\u0648\u0645\u060c \u0648\u0628\u0639\u0636\u0647\u0627 \u064a\u062c\u0628 \u0625\u0632\u0627\u0644\u062a\u0647.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_e\">\r\n <div class=\"item-header\"><strong>3.2 \u062a\u0642\u062f\u064a\u0645 \u0645\u0644\u0641 \u0627\u0644\u0639\u0642\u062f \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u062f\u0641\u0639 \u0627\u0644\u0631\u0633\u0648\u0645<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_e\" id=\"city_e_done\" value=\"\u062a\u0645\"><label for=\"city_e_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_e\" id=\"city_e_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_e_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0645\u0639\u0627\u0645\u0644\u0629 \u0639\u062f\u0627\u062f \u062f\u0627\u0626\u0645:<\/b> 231 \u062c. <b>\u0645\u0639\u0627\u0645\u0644\u0629 \u0639\u0642\u062f \u0627\u0628\u062a\u062f\u0627\u0626\u064a:<\/b> 116 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0625\u062c\u0645\u0627\u0644\u064a \u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h4><p>\u0635\u0648\u0631 (\u0625\u062e\u0637\u0627\u0631 \u062a\u062e\u0635\u064a\u0635\u060c \u0645\u062d\u0636\u0631 \u0627\u0633\u062a\u0644\u0627\u0645\u060c \u0631\u062e\u0635\u0629\u060c \u0625\u064a\u0635\u0627\u0644 \u0646\u0638\u0627\u0641\u0629\u060c \u0634\u0647\u0627\u062f\u0629 \u062a\u0623\u0645\u064a\u0646\u0627\u062a\u060c \u0634\u0647\u0627\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629\u060c \u0639\u0642\u062f \u0645\u0642\u0627\u0648\u0644\u0629\u060c \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0627\u0644\u0643\u060c \u062a\u0648\u0643\u064a\u0644\u0627\u062a) \u0645\u0639 \u0648\u062c\u0648\u062f \u0627\u0644\u0623\u0635\u0648\u0644 \u0644\u0644\u0627\u0637\u0644\u0627\u0639.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"city_f\">\r\n <div class=\"item-header\"><strong>3.3 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\u0629 \u0628\u0627\u0644\u062c\u0647\u0627\u0632: \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0639\u0642\u062f \u0648\u062e\u0637\u0627\u0628 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"city_f\" id=\"city_f_done\" value=\"\u062a\u0645\"><label for=\"city_f_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"city_f\" id=\"city_f_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"city_f_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0631\u0633\u0648\u0645 \u0627\u0644\u0639\u0642\u062f:<\/b> ~2,280 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0631\u0633\u0648\u0645 \u0627\u0644\u0639\u0642\u062f \u0627\u0644\u0641\u0639\u0644\u064a\u0629\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0625\u062c\u0631\u0627\u0621:<\/b> ~10,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0641\u0639\u0644\u064a\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83c\udfaf \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a<\/h4><p><b>1. \u0627\u0644\u0639\u0642\u062f \u0627\u0644\u0627\u0628\u062a\u062f\u0627\u0626\u064a:<\/b> \u064a\u062a\u0645 \u062a\u0648\u0642\u064a\u0639\u0647 \u0648\u0627\u0633\u062a\u0644\u0627\u0645\u0647 \u062e\u0644\u0627\u0644 \u0634\u0647\u0631\u064a\u0646. <b>2. \u062e\u0637\u0627\u0628 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621:<\/b> \u064a\u062a\u0645 \u0625\u0635\u062f\u0627\u0631\u0647 (10-15 \u064a\u0648\u0645) \u0648\u0635\u0644\u0627\u062d\u064a\u062a\u0647 \u0634\u0647\u0631 \u0648\u0627\u062d\u062f \u0641\u0642\u0637.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase4\">\r\n <div class=\"phase-header\"><span class=\"icon\">\u26a1<\/span><h2>4. \u0634\u0631\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/h2><\/div>\r\n \r\n <div class=\"checklist-item\" data-id=\"elec_a\">\r\n <div class=\"item-header\"><strong>4.1 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628 \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0628\u062f\u0626\u064a\u0629<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"elec_a\" id=\"elec_a_done\" value=\"\u062a\u0645\"><label for=\"elec_a_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"elec_a\" id=\"elec_a_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"elec_a_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0631\u0633\u0648\u0645 \u062a\u0642\u062f\u064a\u0645:<\/b> 570 - 1,500 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u062a\u0642\u062f\u064a\u0645\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u0642\u062f\u064a\u0645 \u062e\u0637\u0627\u0628 \u0627\u0644\u062c\u0647\u0627\u0632 \u062e\u0644\u0627\u0644 \u0634\u0647\u0631 \u0645\u0646 \u0635\u062f\u0648\u0631\u0647. \u0628\u0639\u062f 4 \u0623\u064a\u0627\u0645\u060c \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0645\u0639\u0627\u064a\u0646\u0629 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0634\u0628\u0643\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"elec_b\">\r\n <div class=\"item-header\"><strong>4.2 \u062f\u0641\u0639 \u0627\u0644\u0645\u0642\u0627\u064a\u0633\u0629<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"elec_b\" id=\"elec_b_done\" value=\"\u062a\u0645\"><label for=\"elec_b_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"elec_b\" id=\"elec_b_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"elec_b_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h4><p><b>\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0642\u0627\u064a\u0633\u0629:<\/b> 55,000 - 120,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0645\u0642\u0627\u064a\u0633\u0629\"><p style=\"margin-top: 8px;\"><b>\u0623\u062a\u0639\u0627\u0628 \u0627\u0644\u0625\u062c\u0631\u0627\u0621:<\/b> ~25,000 \u062c.<\/p><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0628\u0644\u063a \u0627\u0644\u0623\u062a\u0639\u0627\u0628\"><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u062a\u0645 \u062f\u0641\u0639\u0647\u0627 \u0628\u0639\u062f \u0623\u0633\u0628\u0648\u0639\u064a\u0646 \u0645\u0646 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629. \u0625\u0630\u0627 \u0643\u0627\u0646 \u0637\u0648\u0644 \u0627\u0644\u0643\u0627\u0628\u0644 > 10\u0645\u060c \u064a\u062c\u0628 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u062a\u0635\u0631\u064a\u062d \u062d\u0641\u0631.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase5\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\udee0\ufe0f<\/span><h2>5. \u062a\u0635\u0631\u064a\u062d \u0627\u0644\u062d\u0641\u0631 \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a<\/h2><\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"elec_c\">\r\n <div class=\"item-header\"><strong>5.1 \u0639\u0645\u0644 \u062a\u0635\u0631\u064a\u062d \u062d\u0641\u0631 \u0627\u0644\u0643\u0627\u0628\u0644 (\u0625\u0646 \u0644\u0632\u0645)<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"elec_c\" id=\"elec_c_done\" value=\"\u062a\u0645\"><label for=\"elec_c_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"elec_c\" id=\"elec_c_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"elec_c_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>1. \u0627\u0633\u062a\u0644\u0627\u0645 \u062e\u0637\u0627\u0628 \u0648\u0643\u0631\u0648\u0643\u064a \u0645\u0646 \u0634\u0631\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621. 2. \u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0644\u062c\u0647\u0627\u0632 \u0648\u0639\u0645\u0644 \u0645\u062d\u0627\u0636\u0631 \u062a\u0646\u0633\u064a\u0642 \u0645\u0639 (\u0627\u0644\u0645\u064a\u0627\u0647\u060c \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a\u060c \u0627\u0644\u063a\u0627\u0632). 3. \u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0631\u0642 \u0644\u062f\u0641\u0639 \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u062d\u0641\u0631. 4. \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u062e\u0637\u0627\u0628 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"checklist-item\" data-id=\"elec_d\">\r\n <div class=\"item-header\"><strong>5.2 \u0627\u0633\u062a\u0644\u0627\u0645 \u0648\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0643\u0627\u0628\u0644 \u0648\u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a<\/strong><div class=\"status-toggle\"><input type=\"radio\" name=\"elec_d\" id=\"elec_d_done\" value=\"\u062a\u0645\"><label for=\"elec_d_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"elec_d\" id=\"elec_d_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"elec_d_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f. \u064a\u062a\u0645 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0633\u064a\u0627\u0631\u0629 \u0646\u0635\u0641 \u0646\u0642\u0644 \u0644\u0646\u0642\u0644 \u0627\u0644\u0643\u0627\u0628\u0644 \u0648\u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0644\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0627\u0644\u062a\u0646\u0634\u064a\u0637.<\/p><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/form>\r\n\r\n <div class=\"actions\">\r\n <button id=\"sendReportButton\" class=\"btn btn-wa\" type=\"button\">\ud83d\udce4 \u062a\u0648\u0644\u064a\u062f \u062a\u0642\u0631\u064a\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/button>\r\n <button id=\"clearButton\" class=\"btn btn-clear\" type=\"button\">\ud83d\uddd1\ufe0f \u0645\u0633\u062d \u0643\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ JavaScript code is robust and does not need changes.\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const form = document.getElementById('checklistForm');\r\n const storageKey = 'smartChecklist_v5.0_final';\r\n\r\n function updateAll() {\r\n updateStatusColors();\r\n updateDashboard();\r\n saveState();\r\n }\r\n\r\n function updateStatusColors() {\r\n form.querySelectorAll('.checklist-item').forEach(item => {\r\n const radioName = item.dataset.id;\r\n const checkedRadio = form.querySelector(`input[name=\"${radioName}\"]:checked`);\r\n if (checkedRadio) {\r\n item.dataset.status = checkedRadio.value;\r\n }\r\n });\r\n }\r\n\r\n function updateDashboard() {\r\n const allItems = form.querySelectorAll('.checklist-item');\r\n const totalItems = allItems.length;\r\n const doneItems = form.querySelectorAll('input[value=\"\u062a\u0645\"]:checked').length;\r\n const pendingItems = totalItems - doneItems;\r\n\r\n const progress = totalItems > 0 ? (doneItems \/ totalItems) * 100 : 0;\r\n const progressBar = document.getElementById('progressBar');\r\n progressBar.style.width = `${progress}%`;\r\n progressBar.textContent = `${Math.round(progress)}%`;\r\n\r\n document.getElementById('totalDone').textContent = doneItems;\r\n document.getElementById('totalPending').textContent = pendingItems;\r\n\r\n let totalCost = 0;\r\n form.querySelectorAll('.cost-input').forEach(input => {\r\n if (input.value) {\r\n totalCost += parseFloat(input.value);\r\n }\r\n });\r\n document.getElementById('totalCost').textContent = `${totalCost.toLocaleString('ar-EG')} \u062c`;\r\n }\r\n\r\n function saveState() {\r\n const data = {};\r\n form.querySelectorAll('.checklist-item').forEach(item => {\r\n const id = item.dataset.id;\r\n const status = form.querySelector(`input[name=\"${id}\"]:checked`).value;\r\n const costs = {};\r\n item.querySelectorAll('.cost-input').forEach((input, index) => {\r\n costs[`cost_${index}`] = input.value;\r\n });\r\n data[id] = { status, costs };\r\n });\r\n localStorage.setItem(storageKey, JSON.stringify(data));\r\n }\r\n\r\n function loadState() {\r\n const rawData = localStorage.getItem(storageKey);\r\n if (!rawData) {\r\n updateAll();\r\n return;\r\n }\r\n \r\n const data = JSON.parse(rawData);\r\n for (const id in data) {\r\n if (data.hasOwnProperty(id)) {\r\n const itemData = data[id];\r\n const radio = form.querySelector(`input[name=\"${id}\"][value=\"${itemData.status}\"]`);\r\n if (radio) radio.checked = true;\r\n \r\n const itemElement = form.querySelector(`.checklist-item[data-id=\"${id}\"]`);\r\n if (itemElement && itemData.costs) {\r\n itemElement.querySelectorAll('.cost-input').forEach((input, index) => {\r\n if (itemData.costs[`cost_${index}`]) {\r\n input.value = itemData.costs[`cost_${index}`];\r\n }\r\n });\r\n }\r\n }\r\n }\r\n updateAll();\r\n }\r\n\r\n \/\/ --- Event Handlers ---\r\n form.addEventListener('change', (e) => {\r\n if (e.target.type === 'radio' || e.target.classList.contains('cost-input')) {\r\n updateAll();\r\n }\r\n });\r\n\r\n document.getElementById('sendReportButton').addEventListener('click', () => {\r\n let reportText = `*\ud83d\udcca \u062a\u0642\u0631\u064a\u0631 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0628\u0646\u0649 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621*\\n\\n`;\r\n const totalItems = form.querySelectorAll('.checklist-item').length;\r\n const doneItems = form.querySelectorAll('input[value=\"\u062a\u0645\"]:checked').length;\r\n const progress = totalItems > 0 ? Math.round((doneItems \/ totalItems) * 100) : 0;\r\n \r\n reportText += `*\u0646\u0633\u0628\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632: ${progress}%*\\n`;\r\n reportText += `*\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062c\u0644\u0629: ${document.getElementById('totalCost').textContent}*\\n\\n`;\r\n\r\n reportText += '\u2705 *\u0627\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629:*\\n';\r\n let hasDone = false;\r\n form.querySelectorAll('.checklist-item[data-status=\"\u062a\u0645\"]').forEach(item => {\r\n hasDone = true;\r\n const title = item.querySelector('strong').textContent.trim();\r\n reportText += `- ${title}\\n`;\r\n });\r\n if (!hasDone) reportText += '\u0644\u0627 \u064a\u0648\u062c\u062f.\\n';\r\n\r\n reportText += '\\n\u23f3 *\u0627\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u0645\u0639\u0644\u0642\u0629:*\\n';\r\n let hasPending = false;\r\n form.querySelectorAll('.checklist-item[data-status=\"\u0644\u0645 \u064a\u062a\u0645\"]').forEach(item => {\r\n hasPending = true;\r\n const title = item.querySelector('strong').textContent.trim();\r\n reportText += `- ${title}\\n`;\r\n });\r\n if (!hasPending) reportText += '\u0644\u0627 \u064a\u0648\u062c\u062f.\\n';\r\n\r\n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(reportText)}`, '_blank');\r\n });\r\n\r\n document.getElementById('clearButton').addEventListener('click', () => {\r\n if (confirm('\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0623\u0646\u0643 \u062a\u0631\u064a\u062f \u0645\u0633\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062d\u0641\u0648\u0638\u0629 \u0648\u0627\u0644\u0628\u062f\u0621 \u0645\u0646 \u062c\u062f\u064a\u062f\u061f')) {\r\n localStorage.removeItem(storageKey);\r\n form.reset();\r\n form.querySelectorAll('.cost-input').forEach(input => input.value = '');\r\n \/\/ Manually set radios to '\u0644\u0645 \u064a\u062a\u0645' as reset might not work as expected\r\n form.querySelectorAll('input[value=\"\u0644\u0645 \u064a\u062a\u0645\"]').forEach(radio => radio.checked = true);\r\n updateAll();\r\n }\r\n });\r\n\r\n \/\/ --- Initial Load ---\r\n loadState();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-54253","page","type-page","status-publish","hentry"],"jetpack-related-posts":[{"id":54386,"url":"https:\/\/engeg.com\/b\/1-%d9%83%d9%84-%d8%a7%d9%84%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7\/","url_meta":{"origin":54253,"position":0},"title":"1 \u0643\u0644 \u0627\u0644\u062e\u0631\u0627\u0626\u0637","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 24, 2025","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52672,"url":"https:\/\/engeg.com\/b\/%d9%85%d9%8a%d8%b2%d8%a7%d9%86-%d8%a7%d9%84%d9%82%d8%a7%d9%85%d9%87\/","url_meta":{"origin":54253,"position":1},"title":"\u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u0642\u0627\u0645\u0647","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 30, 2025","format":false,"excerpt":"","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52886,"url":"https:\/\/engeg.com\/b\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7\/","url_meta":{"origin":54253,"position":2},"title":"\u062e\u0631\u0627\u0626\u0637 \u0627\u0644\u062d\u064a \u0627\u0644\u062e\u0627\u0645\u0633\u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0642\u062f\u064a\u0645 \u0634\u0627\u062a","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 3, 2025","format":false,"excerpt":"\u00a0\u0645\u0644\u0627\u062d\u0638\u0629: \u0623\u064a \u0645\u0643\u0627\u0646 \u062a\u062d\u0641\u0638\u0647 \u0641\u064a \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u064a\u062a\u0645 \u062a\u062e\u0632\u064a\u0646\u0647 **\u0645\u062d\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u062c\u0647\u0627\u0632\u0643 \u0641\u0642\u0637** \u0648\u0644\u0646 \u064a\u064f\u0634\u0627\u0631\u0643 \u0645\u0639 \u0623\u064a \u0634\u062e\u0635 \u0622\u062e\u0631. \ud83d\udccd \u0637\u0631\u064a\u0642\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0645\u0643\u0627\u0646 \u0641\u064a \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0644\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644\u0647 \u0648\u0627\u0644\u0639\u0646\u0648\u0627\u0646. \u0645\u0646 \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u064a\u0645\u0643\u0646\u0643: \u2b50 \u062d\u0641\u0638 \u0627\u0644\u0645\u0643\u0627\u0646 \u0641\u064a \u0645\u0641\u0636\u0644\u062a\u0643. \ud83d\ude97 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0639\u0628\u0631 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644. \ud83d\udce4 \u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0645\u0639 \u0627\u0644\u0622\u062e\u0631\u064a\u0646. \u0632\u0631\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52633,"url":"https:\/\/engeg.com\/b\/%d8%aa%d8%ac%d8%b1%d8%a8%d9%87-%d8%ad%d8%b5%d8%b1-%d8%a7%d9%84%d9%82%d9%88%d8%a7%d8%b9%d8%af\/","url_meta":{"origin":54253,"position":3},"title":"\u062a\u062c\u0631\u0628\u0647 \u062d\u0635\u0631 \u0627\u0644\u0642\u0648\u0627\u0639\u062f","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 29, 2025","format":false,"excerpt":"\u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0644\u062d\u0635\u0631 \u0643\u0645\u064a\u0627\u062a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0648\u0627\u0644\u062d\u062f\u064a\u062f \u0644\u0644\u0642\u0648\u0627\u0639\u062f \u0648\u0627\u0644\u0645\u064a\u062f\u0627\u062a \u0648\u0631\u0642\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 1. \u0627\u0644\u0642\u0648\u0627\u0639\u062f (Foundations) + \u0625\u0636\u0627\u0641\u0629 \u0646\u0645\u0648\u0630\u062c \u0642\u0627\u0639\u062f\u0629 2. \u0627\u0644\u0645\u064a\u062f\u0627\u062a (Tie Beams) + \u0625\u0636\u0627\u0641\u0629 \u0646\u0645\u0648\u0630\u062c \u0645\u064a\u062f\u0629 3. \u0631\u0642\u0627\u0628 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 (Column Necks) + \u0625\u0636\u0627\u0641\u0629 \u0646\u0645\u0648\u0630\u062c \u0631\u0642\u0628\u0629 \u0639\u0645\u0648\u062f \u0627\u062d\u0633\u0628 \u0627\u0644\u0622\u0646 \u0627\u0644\u0645\u0644\u062e\u0635 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u062c\u0645\u0627\u0644\u064a \u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0642\u0648\u0627\u0639\u062f (\u0645\u00b3)0.00 \u0625\u062c\u0645\u0627\u0644\u064a \u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u062a (\u0645\u00b3)0.00 \u0625\u062c\u0645\u0627\u0644\u064a\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20634,"url":"https:\/\/engeg.com\/b\/typography\/","url_meta":{"origin":54253,"position":4},"title":"Typography","author":"interior","date":"\u0623\u0628\u0631\u064a\u0644 18, 2018","format":false,"excerpt":"H1 Headline Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lorem quam, adipiscing condimentum tristique vel, eleifend sed turpis. Pellentesque cursus arcu id magna euismod in molestie. Curabitur pellentesque massa eu nulla consequat sed porttitor arcu porttitor. Quisque volutpat pharetra felis, eu cursus lorem molestie vitae. Nulla vehicula, lacus\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20620,"url":"https:\/\/engeg.com\/b\/widgets\/","url_meta":{"origin":54253,"position":5},"title":"Widgets","author":"interior","date":"\u0623\u0628\u0631\u064a\u0644 18, 2018","format":false,"excerpt":"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat\u2026","rel":"","context":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","block_context":{"text":"\u062a\u062f\u0648\u064a\u0646\u0629 \u0645\u0634\u0627\u0628\u0647\u0629","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/pages\/54253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/comments?post=54253"}],"version-history":[{"count":2,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/pages\/54253\/revisions"}],"predecessor-version":[{"id":54641,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/pages\/54253\/revisions\/54641"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=54253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}