.gen-style-1 { background-color: #f9f9f9; padding: 60px 20px; border-radius: 20px; margin-top: 50px; margin-bottom: 50px; }
.gen-style-2 { max-width: 800px; margin: auto; }
.gen-style-3 { background-image: url('https://images.pexels.com/photos/159397/solar-panel-array-power-sun-electricity-159397.jpeg?auto=compress&cs=tinysrgb&w=600'); }
.gen-style-4 { background-image: url('https://images.pexels.com/photos/257736/pexels-photo-257736.jpeg?auto=compress&cs=tinysrgb&w=600'); }
.gen-style-5 { background-image: url('https://images.pexels.com/photos/3183197/pexels-photo-3183197.jpeg?auto=compress&cs=tinysrgb&w=600'); }
.gen-style-6 { vertical-align: middle; font-size: 1rem; }
.gen-style-7 { font-size:1rem; vertical-align:middle; }
.gen-style-8 { color:var(--primary-blue); font-size: 2.2rem; }
.gen-style-9 { color: var(--sky-blue); }
.gen-style-10 { font-size: 0.9rem; color: #777; }
.gen-style-11 { text-align: center; color: #aaa; }
.gen-style-12 { color: white; margin-bottom: 10px; }
.gen-style-13 { font-size:1rem; vertical-align:middle; }
.gen-style-14 { color:var(--primary-blue); font-size: 2.2rem; }
.gen-style-15 { color: var(--sky-blue); }
.gen-style-16 { margin-top:10px; font-weight:500; }
.gen-style-17 { margin-top:10px; font-weight:500; }
.gen-style-18 { margin-top:10px; font-weight:500; }
.gen-style-19 { list-style:none; }
.gen-style-20 { background:var(--white); color:var(--primary-blue); }
.gen-style-21 { background:var(--solar-gold); color:var(--primary-blue); padding:5px 15px; border-radius:20px; font-weight:bold; font-size:0.8rem; }
.gen-style-22 { color:var(--sky-blue); font-size:2rem; margin-bottom:10px; }
.gen-style-23 { color:var(--sky-blue); font-size:2rem; margin-bottom:10px; }
.gen-style-24 { color:var(--sky-blue); font-size:2rem; margin-bottom:10px; }
.gen-style-25 { color:var(--sky-blue); font-size:2rem; margin-bottom:10px; }
.gen-style-26 { color:var(--primary-blue); margin-bottom:20px; }
.gen-style-27 { color:green; font-weight:bold; }
.gen-style-28 { color:green; font-weight:bold; }
.gen-style-29 { color:green; font-weight:bold; }
.gen-style-30 { text-align:center; margin-top:40px; }
.gen-style-31 { padding: 15px 30px; font-size: 1rem; }
.gen-style-32 { text-align:center; margin-bottom:20px; color:var(--sky-blue); }
.gen-style-33 { font-size: 0.8rem; color: #888; margin-top: 15px; text-align: center; }
.gen-style-34 { text-align: center; color: #aaa; }
.gen-style-35 { color: white; margin-bottom: 10px; }
.gen-style-36 { font-size:1rem; vertical-align:middle; }
.gen-style-37 { color:var(--primary-blue); font-size: 2.2rem; }
.gen-style-38 { color: var(--sky-blue); }
.gen-style-39 { vertical-align: middle; font-size: 1rem; }
.gen-style-40 { color:white; display:none; }
.gen-style-41 { padding: 10px 20px; font-size: 0.8rem; color: #888; text-transform: uppercase; margin-top: 10px; }
.gen-style-42 { padding: 10px 20px; font-size: 0.8rem; color: #888; text-transform: uppercase; margin-top: 10px; }
.gen-style-43 { padding: 10px 20px; font-size: 0.8rem; color: #888; text-transform: uppercase; margin-top: 10px; }
.gen-style-44 { padding: 10px 20px; font-size: 0.8rem; color: #888; text-transform: uppercase; margin-top: 10px; }
.gen-style-45 { padding: 10px 20px; font-size: 0.8rem; color: #888; text-transform: uppercase; margin-top: 10px; }
.gen-style-46 { padding: 10px 20px; font-size: 0.8rem; color: #888; text-transform: uppercase; margin-top: 10px; }
.gen-style-47 { font-weight:bold; font-size: 1.1rem; margin-bottom: 5px; }
.gen-style-48 { color: var(--solar-gold); }
.gen-style-49 { display: flex; align-items: center; gap: 15px; }
.gen-style-50 { font-size: 1.1rem; font-weight: 600; color: var(--primary-blue); }
.gen-style-51 { flex-grow: 1; margin: 0 30px; display: flex; justify-content: center; }
.gen-style-52 { width: 100%; max-width: 400px; padding: 8px 15px; border-radius: 50px; border: 1px solid #ddd; outline: none; background: #f8f9fa; }
.gen-style-53 { position: relative; display: inline-block; }
.gen-style-54 { background: transparent; color: var(--text-light); font-size: 1.2rem; padding: 5px; }
.gen-style-55 { padding: 8px 15px; }
.gen-style-56 { text-align: center; }
.gen-style-57 { display: none; }
.gen-style-58 { font-weight:bold; }
.gen-style-59 { padding: 6px; border-radius: 5px; border: 1px solid #ddd; }
.gen-style-60 { margin: 0 15px; font-weight:600; color: var(--primary-blue); }
.gen-style-61 { text-align: center; padding: 20px; }
.gen-style-62 { display:flex; justify-content:space-between; align-items:center; margin-bottom: 20px; }
.gen-style-63 { color:var(--primary-blue); margin:0; }
.gen-style-64 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }
.gen-style-65 { display: flex; align-items: center; gap: 15px; }
.gen-style-66 { width: 50px; height: 50px; border-radius: 50%; background: var(--primary-orange); color: white; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; font-weight: bold; border: 3px solid #ffcccc; }
.gen-style-67 { color:var(--primary-blue); font-size: 1.8rem; margin: 0; }
.gen-style-68 { color: #666; font-size: 1rem; margin: 5px 0; }
.gen-style-69 { display: flex; gap: 10px; flex-wrap: wrap; }
.gen-style-70 { background: #25D366; color: white; border: none; padding: 10px 15px; border-radius: 6px; cursor: pointer; }
.gen-style-71 { background: var(--primary-blue); color: white; border: none; padding: 10px 15px; border-radius: 6px; cursor: pointer; }
.gen-style-72 { background: var(--primary-orange); color: white; border: none; padding: 10px 15px; border-radius: 6px; cursor: pointer; }
.gen-style-73 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.gen-style-74 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 20px; height: fit-content; }
.gen-style-75 { margin-top: 0; color: var(--primary-blue); border-bottom: 1px solid #eee; padding-bottom: 10px; }
.gen-style-76 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
.gen-style-77 { background: #f8f9fa; padding: 10px; border-radius: 8px; text-align: center; }
.gen-style-78 { font-size: 0.8rem; color: #888; display: block; }
.gen-style-79 { font-size: 1.2rem; font-weight: bold; color: var(--primary-blue); }
.gen-style-80 { background: #e8f5e9; padding: 10px; border-radius: 8px; text-align: center; }
.gen-style-81 { font-size: 0.8rem; color: #2e7d32; display: block; }
.gen-style-82 { font-size: 1.2rem; font-weight: bold; color: #1b5e20; }
.gen-style-83 { font-size: 0.95rem; line-height: 1.8; }
.gen-style-84 { color: #666; }
.gen-style-85 { background: var(--accent-orange); color: white; padding: 2px 8px; border-radius: 12px; font-size: 0.8rem; }
.gen-style-86 { color: #666; }
.gen-style-87 { color: #666; }
.gen-style-88 { color: #666; }
.gen-style-89 { color: #666; }
.gen-style-90 { color: #666; }
.gen-style-91 { border: 0; border-top: 1px dashed #ccc; margin: 20px 0; }
.gen-style-92 { width: 100%; background: var(--solar-gold); color: var(--primary-blue); font-weight: bold; margin-bottom: 10px; }
.gen-style-93 { width: 100%; background: #f8f9fa; color: red; border: 1px solid #f5c6cb; }
.gen-style-94 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); overflow: hidden; display: flex; flex-direction: column; min-height: 500px; grid-column: span 2; }
.gen-style-95 { display: flex; background: #f8f9fa; border-bottom: 1px solid #eee; overflow-x: auto; }
.gen-style-96 { padding: 15px 20px; font-weight: bold; cursor: pointer; color: var(--primary-blue); border-bottom: 3px solid var(--primary-orange); white-space: nowrap; }
.gen-style-97 { padding: 15px 20px; font-weight: bold; cursor: pointer; color: #666; border-bottom: 3px solid transparent; white-space: nowrap; }
.gen-style-98 { padding: 15px 20px; font-weight: bold; cursor: pointer; color: #666; border-bottom: 3px solid transparent; white-space: nowrap; }
.gen-style-99 { padding: 15px 20px; font-weight: bold; cursor: pointer; color: #666; border-bottom: 3px solid transparent; white-space: nowrap; }
.gen-style-100 { padding: 15px 20px; font-weight: bold; cursor: pointer; color: #666; border-bottom: 3px solid transparent; white-space: nowrap; }
.gen-style-101 { padding: 20px; overflow-y: auto; flex-grow: 1; }
.gen-style-102 { margin-top: 0; color: #333; margin-bottom: 20px; }
.gen-style-103 { border-left: 2px solid #eee; padding-left: 15px; position: relative; }
.gen-style-104 { position: absolute; left: -6px; top: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--primary-blue); }
.gen-style-105 { margin: 0; font-size: 0.85rem; color: #888; }
.gen-style-106 { margin: 5px 0 25px 0; color: #444; }
.gen-style-107 { position: absolute; left: -6px; top: 75px; width: 10px; height: 10px; border-radius: 50%; background: var(--primary-orange); }
.gen-style-108 { margin: 0; font-size: 0.85rem; color: #888; }
.gen-style-109 { margin: 5px 0 15px 0; color: #444; }
.gen-style-110 { display: none; }
.gen-style-111 { margin-top: 0; color: #333; }
.gen-style-112 { background: #f8f9fa; padding: 15px; border-radius: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }
.gen-style-113 { color: green; }
.gen-style-114 { color: #333; }
.gen-style-115 { border: 1px solid #eee; padding: 15px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; }
.gen-style-116 { margin: 0 0 5px 0; color: var(--primary-blue); }
.gen-style-117 { margin: 0; font-size: 0.85rem; color: #666; }
.gen-style-118 { background: var(--bg-color); color: var(--primary-blue); }
.gen-style-119 { display: none; }
.gen-style-120 { margin-top: 0; color: #333; }
.gen-style-121 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-bottom: 20px; }
.gen-style-122 { background: #e3f2fd; padding: 15px; border-radius: 8px; text-align: center; }
.gen-style-123 { font-size: 0.85rem; color: #1565c0; display: block; }
.gen-style-124 { font-size: 1.2rem; font-weight: bold; color: #0d47a1; }
.gen-style-125 { background: #e8f5e9; padding: 15px; border-radius: 8px; text-align: center; }
.gen-style-126 { font-size: 0.85rem; color: #2e7d32; display: block; }
.gen-style-127 { font-size: 1.2rem; font-weight: bold; color: #1b5e20; }
.gen-style-128 { background: #ffebee; padding: 15px; border-radius: 8px; text-align: center; }
.gen-style-129 { font-size: 0.85rem; color: #c62828; display: block; }
.gen-style-130 { font-size: 1.2rem; font-weight: bold; color: #b71c1c; }
.gen-style-131 { background: var(--primary-blue); color: white; }
.gen-style-132 { display: none; }
.gen-style-133 { margin-top: 0; color: #333; }
.gen-style-134 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.gen-style-135 { border: 1px dashed #ccc; padding: 20px; border-radius: 8px; text-align: center; cursor: pointer; }
.gen-style-136 { font-size: 2rem; }
.gen-style-137 { margin: 10px 0 0 0; font-size: 0.9rem; }
.gen-style-138 { border: 1px dashed #ccc; padding: 20px; border-radius: 8px; text-align: center; cursor: pointer; }
.gen-style-139 { font-size: 2rem; }
.gen-style-140 { margin: 10px 0 0 0; font-size: 0.9rem; }
.gen-style-141 { background: #f8f9fa; border: 1px dashed var(--primary-blue); padding: 20px; border-radius: 8px; text-align: center; cursor: pointer; color: var(--primary-blue); }
.gen-style-142 { font-size: 2rem; }
.gen-style-143 { margin: 10px 0 0 0; font-size: 0.9rem; font-weight: bold; }
.gen-style-144 { display: none; }
.gen-style-145 { margin-top: 0; color: #333; }
.gen-style-146 { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.gen-style-147 { background: var(--bg-color); text-align: left; }
.gen-style-148 { padding: 10px; border-bottom: 2px solid #ddd; }
.gen-style-149 { padding: 10px; border-bottom: 2px solid #ddd; }
.gen-style-150 { padding: 10px; border-bottom: 2px solid #ddd; }
.gen-style-151 { padding: 10px; border-bottom: 1px solid #eee; }
.gen-style-152 { padding: 10px; border-bottom: 1px solid #eee; }
.gen-style-153 { padding: 10px; border-bottom: 1px solid #eee; }
.gen-style-154 { padding: 10px; border-bottom: 1px solid #eee; }
.gen-style-155 { padding: 10px; border-bottom: 1px solid #eee; }
.gen-style-156 { padding: 10px; border-bottom: 1px solid #eee; }
.gen-style-157 { color:var(--primary-blue) }
.gen-style-158 { padding:40px; text-align:center; color:#888; }
.gen-style-159 { color:var(--primary-blue); margin-bottom: 20px; }
.gen-style-160 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; height: calc(100vh - 150px); }
.gen-style-161 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); display: flex; flex-direction: column; overflow: hidden; max-height: 100%; }
.gen-style-162 { padding: 15px; background: var(--primary-blue); color: white; display: flex; justify-content: space-between; align-items: center; }
.gen-style-163 { margin: 0; font-size: 1.1rem; }
.gen-style-164 { background: var(--solar-gold); color: var(--primary-blue); padding: 2px 8px; border-radius: 20px; font-weight: bold; font-size: 0.8rem; }
.gen-style-165 { overflow-y: auto; flex-grow: 1; padding: 15px; }
.gen-style-166 { border: 1px solid #eee; border-radius: 8px; padding: 15px; margin-bottom: 10px; cursor: pointer; border-left: 4px solid var(--accent-orange); transition: 0.2s; }
.gen-style-167 { margin: 0 0 5px 0; }
.gen-style-168 { margin: 0; font-size: 0.85rem; color: #666; }
.gen-style-169 { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; }
.gen-style-170 { font-size: 0.8rem; background: #fff3cd; color: #856404; padding: 3px 6px; border-radius: 4px; }
.gen-style-171 { text-decoration: none; color: var(--primary-blue); font-size: 0.85rem; font-weight: bold; }
.gen-style-172 { border: 1px solid #eee; border-radius: 8px; padding: 15px; margin-bottom: 10px; cursor: pointer; border-left: 4px solid var(--accent-orange); transition: 0.2s; }
.gen-style-173 { margin: 0 0 5px 0; }
.gen-style-174 { margin: 0; font-size: 0.85rem; color: #666; }
.gen-style-175 { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; }
.gen-style-176 { font-size: 0.8rem; background: #fff3cd; color: #856404; padding: 3px 6px; border-radius: 4px; }
.gen-style-177 { text-decoration: none; color: var(--primary-blue); font-size: 0.85rem; font-weight: bold; }
.gen-style-178 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 25px; overflow-y: auto; display: none; max-height: 100%; }
.gen-style-179 { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px; }
.gen-style-180 { margin: 0; color: var(--primary-blue); }
.gen-style-181 { margin: 5px 0 0 0; color: #666; font-size: 0.9rem; }
.gen-style-182 { background: var(--bg-color); padding: 5px 15px; border-radius: 20px; font-weight: bold; color: var(--text-main); }
.gen-style-183 { margin-bottom: 15px; color: var(--primary-blue); }
.gen-style-184 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 25px; }
.gen-style-185 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-186 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-187 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-188 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-189 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-190 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-191 { margin-bottom: 15px; color: var(--primary-blue); }
.gen-style-192 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 25px; }
.gen-style-193 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-194 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-195 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-196 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-197 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-198 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-199 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-200 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-201 { margin-bottom: 15px; color: var(--primary-blue); }
.gen-style-202 { background: #f8f9fa; padding: 20px; border-radius: 8px; border: 1px dashed #ccc; margin-bottom: 25px; }
.gen-style-203 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.gen-style-204 { display: block; font-size: 0.85rem; font-weight: bold; margin-bottom: 5px; }
.gen-style-205 { width: 100%; padding: 5px; }
.gen-style-206 { display: block; font-size: 0.85rem; font-weight: bold; margin-bottom: 5px; }
.gen-style-207 { width: 100%; padding: 5px; }
.gen-style-208 { display: block; font-size: 0.85rem; font-weight: bold; margin-bottom: 5px; }
.gen-style-209 { width: 100%; padding: 5px; }
.gen-style-210 { margin-bottom: 15px; color: var(--primary-blue); }
.gen-style-211 { margin-bottom: 25px; }
.gen-style-212 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-213 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; margin-bottom: 15px; }
.gen-style-214 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-215 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; height: 80px; }
.gen-style-216 { width: 100%; background: var(--accent-green); justify-content: center; font-size: 1.1rem; padding: 15px; }
.gen-style-217 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: center; align-items: center; color: #aaa; }
.gen-style-218 { font-size: 3rem; margin-bottom: 10px; }
.gen-style-219 { color:var(--primary-blue); margin-bottom: 20px; }
.gen-style-220 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; height: calc(100vh - 150px); }
.gen-style-221 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); display: flex; flex-direction: column; overflow: hidden; max-height: 100%; }
.gen-style-222 { padding: 15px; background: var(--primary-blue); color: white; display: flex; justify-content: space-between; align-items: center; }
.gen-style-223 { margin: 0; font-size: 1.1rem; }
.gen-style-224 { background: var(--solar-gold); color: var(--primary-blue); padding: 2px 8px; border-radius: 20px; font-weight: bold; font-size: 0.8rem; }
.gen-style-225 { overflow-y: auto; flex-grow: 1; padding: 15px; }
.gen-style-226 { border: 1px solid #eee; border-radius: 8px; padding: 15px; margin-bottom: 10px; cursor: pointer; border-left: 4px solid var(--accent-orange); transition: 0.2s; }
.gen-style-227 { margin: 0 0 5px 0; }
.gen-style-228 { margin: 0; font-size: 0.85rem; color: #666; }
.gen-style-229 { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; }
.gen-style-230 { font-size: 0.8rem; background: #d4edda; color: #155724; padding: 3px 6px; border-radius: 4px; }
.gen-style-231 { font-weight: bold; color: var(--primary-blue); font-size: 0.9rem; }
.gen-style-232 { border: 1px solid #eee; border-radius: 8px; padding: 15px; margin-bottom: 10px; cursor: pointer; border-left: 4px solid var(--accent-orange); transition: 0.2s; }
.gen-style-233 { margin: 0 0 5px 0; }
.gen-style-234 { margin: 0; font-size: 0.85rem; color: #666; }
.gen-style-235 { display: flex; justify-content: space-between; margin-top: 10px; align-items: center; }
.gen-style-236 { font-size: 0.8rem; background: #d4edda; color: #155724; padding: 3px 6px; border-radius: 4px; }
.gen-style-237 { font-weight: bold; color: var(--primary-blue); font-size: 0.9rem; }
.gen-style-238 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 25px; overflow-y: auto; display: none; max-height: 100%; }
.gen-style-239 { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px; }
.gen-style-240 { margin: 0; color: var(--primary-blue); }
.gen-style-241 { margin: 5px 0 0 0; color: #666; font-size: 0.9rem; }
.gen-style-242 { background: var(--bg-color); padding: 5px 15px; border-radius: 20px; font-weight: bold; color: var(--text-main); }
.gen-style-243 { margin-bottom: 15px; color: var(--primary-blue); }
.gen-style-244 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 25px; }
.gen-style-245 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-246 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-247 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-248 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-249 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-250 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-251 { margin-bottom: 15px; color: var(--primary-blue); }
.gen-style-252 { background: #f8f9fa; padding: 20px; border-radius: 8px; border: 1px dashed #ccc; margin-bottom: 25px; }
.gen-style-253 { display: flex; justify-content: space-between; margin-bottom: 10px; }
.gen-style-254 { font-weight: bold; color: #555; }
.gen-style-255 { font-weight: bold; font-size: 1.1rem; }
.gen-style-256 { border: 0; border-top: 1px solid #eee; margin: 15px 0; }
.gen-style-257 { display: flex; justify-content: space-between; margin-bottom: 10px; color: var(--accent-green); }
.gen-style-258 { display: flex; justify-content: space-between; margin-bottom: 10px; color: var(--accent-green); }
.gen-style-259 { border: 0; border-top: 1px solid #eee; margin: 15px 0; }
.gen-style-260 { display: flex; justify-content: space-between; align-items: center; }
.gen-style-261 { font-weight: bold; font-size: 1.1rem; color: var(--primary-blue); }
.gen-style-262 { font-weight: bold; font-size: 1.5rem; color: var(--primary-blue); }
.gen-style-263 { margin-bottom: 15px; color: var(--primary-blue); }
.gen-style-264 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 25px; }
.gen-style-265 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-266 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-267 { display: block; font-size: 0.85rem; color: #666; margin-bottom: 5px; }
.gen-style-268 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
.gen-style-269 { background: #e8f5e9; padding: 10px; border-radius: 6px; display: flex; flex-direction: column; justify-content: center; }
.gen-style-270 { font-size: 0.8rem; color: #2e7d32; }
.gen-style-271 { font-weight: bold; font-size: 1.2rem; color: #1b5e20; }
.gen-style-272 { display: flex; gap: 15px; }
.gen-style-273 { flex: 1; padding: 15px; font-size: 1rem; }
.gen-style-274 { flex: 2; background: var(--accent-green); justify-content: center; font-size: 1.1rem; padding: 15px; }
.gen-style-275 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: center; align-items: center; color: #aaa; }
.gen-style-276 { font-size: 3rem; margin-bottom: 10px; }
.gen-style-277 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.gen-style-278 { color:var(--primary-blue); margin:0; }
.gen-style-279 { padding: 10px; border-radius: 6px; border: 1px solid #ccc; width: 250px; }
.gen-style-280 { background: var(--primary-blue); color: white; }
.gen-style-281 { display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: start; }
.gen-style-282 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 20px; max-height: 80vh; overflow-y: auto; }
.gen-style-283 { margin-top: 0; color: #333; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.gen-style-284 { background: #e3f2fd; border-left: 4px solid var(--primary-blue); padding: 15px; border-radius: 8px; margin-bottom: 15px; cursor: pointer; }
.gen-style-285 { display: flex; justify-content: space-between; margin-bottom: 5px; }
.gen-style-286 { color: var(--primary-blue); }
.gen-style-287 { background: var(--accent-orange); color: white; padding: 2px 8px; border-radius: 12px; font-size: 0.75rem; }
.gen-style-288 { margin: 0 0 5px 0; }
.gen-style-289 { margin: 0; font-size: 0.85rem; color: #666; }
.gen-style-290 { margin-top: 10px; }
.gen-style-291 { display: flex; justify-content: space-between; font-size: 0.8rem; margin-bottom: 3px; }
.gen-style-292 { height: 6px; background: #ccc; border-radius: 3px; overflow: hidden; }
.gen-style-293 { height: 100%; width: 40%; background: #25D366; transition: width 0.3s ease; }
.gen-style-294 { background: #f8f9fa; border-left: 4px solid #ccc; padding: 15px; border-radius: 8px; margin-bottom: 15px; cursor: pointer; }
.gen-style-295 { display: flex; justify-content: space-between; margin-bottom: 5px; }
.gen-style-296 { color: #555; }
.gen-style-297 { background: #6c757d; color: white; padding: 2px 8px; border-radius: 12px; font-size: 0.75rem; }
.gen-style-298 { margin: 0 0 5px 0; }
.gen-style-299 { margin: 0; font-size: 0.85rem; color: #666; }
.gen-style-300 { background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 20px; }
.gen-style-301 { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px; }
.gen-style-302 { margin: 0; color: var(--primary-blue); }
.gen-style-303 { margin: 5px 0 0 0; color: #666; }
.gen-style-304 { background: #f8f9fa; color: var(--primary-blue); border: 1px solid var(--primary-blue); }
.gen-style-305 { display: flex; flex-direction: column; gap: 20px; }
.gen-style-306 { border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; }
.gen-style-307 { background: #f5f5f5; padding: 10px 15px; font-weight: bold; color: #333; display: flex; justify-content: space-between; align-items: center; }
.gen-style-308 { color: #25D366; }
.gen-style-309 { padding: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; background: #fafafa; }
.gen-style-310 { margin: 0 0 5px 0; font-size: 0.9rem; }
.gen-style-311 { margin: 0; font-size: 0.9rem; }
.gen-style-312 { text-align: right; }
.gen-style-313 { background: #e0e0e0; color: #666; cursor: not-allowed; }
.gen-style-314 { border: 1px solid var(--primary-blue); border-radius: 8px; overflow: hidden; box-shadow: 0 0 5px rgba(13, 71, 161, 0.2); }
.gen-style-315 { background: #e3f2fd; padding: 10px 15px; font-weight: bold; color: var(--primary-blue); display: flex; justify-content: space-between; align-items: center; }
.gen-style-316 { background: var(--primary-blue); color: white; padding: 2px 8px; border-radius: 12px; font-size: 0.75rem; }
.gen-style-317 { padding: 15px; }
.gen-style-318 { margin-bottom: 15px; }
.gen-style-319 { font-weight: bold; font-size: 0.9rem; display: block; margin-bottom: 5px; }
.gen-style-320 { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #ccc; }
.gen-style-321 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gen-style-322 { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 8px; background: #f8f9fa; border-radius: 6px; }
.gen-style-323 { width: 18px; height: 18px; }
.gen-style-324 { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 8px; background: #f8f9fa; border-radius: 6px; }
.gen-style-325 { width: 18px; height: 18px; }
.gen-style-326 { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 8px; background: #f8f9fa; border-radius: 6px; }
.gen-style-327 { width: 18px; height: 18px; }
.gen-style-328 { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 8px; background: #f8f9fa; border-radius: 6px; }
.gen-style-329 { width: 18px; height: 18px; }
.gen-style-330 { border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; }
.gen-style-331 { background: #f5f5f5; padding: 10px 15px; font-weight: bold; color: #333; }
.gen-style-332 { padding: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.gen-style-333 { font-size: 0.85rem; color: #666; }
.gen-style-334 { width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ccc; }
.gen-style-335 { font-size: 0.85rem; color: #666; }
.gen-style-336 { width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ccc; }
.gen-style-337 { border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; }
.gen-style-338 { background: #f5f5f5; padding: 10px 15px; font-weight: bold; color: #333; }
.gen-style-339 { padding: 15px; text-align: center; }
.gen-style-340 { margin-top: 0; color: #666; }
.gen-style-341 { background: var(--solar-gold); color: var(--primary-blue); font-weight: bold; width: 50%; opacity: 0.5; cursor: not-allowed; }
.gen-style-342 { color:var(--primary-blue) }
.gen-style-343 { padding:40px; text-align:center; color:#888; }
.gen-style-344 { color:var(--primary-blue) }
.gen-style-345 { padding:40px; text-align:center; color:#888; }
.gen-style-346 { color:var(--primary-blue) }
.gen-style-347 { padding:40px; text-align:center; color:#888; }
.gen-style-348 { color:var(--primary-blue) }
.gen-style-349 { padding:40px; text-align:center; color:#888; }
.gen-style-350 { color:var(--primary-blue) }
.gen-style-351 { padding:40px; text-align:center; color:#888; }
.gen-style-352 { color:var(--primary-blue) }
.gen-style-353 { padding:40px; text-align:center; color:#888; }
.gen-style-354 { color:var(--primary-blue) }
.gen-style-355 { padding:40px; text-align:center; color:#888; }
.gen-style-356 { color:var(--primary-blue) }
.gen-style-357 { padding:40px; text-align:center; color:#888; }
.gen-style-358 { color:var(--primary-blue) }
.gen-style-359 { padding:40px; text-align:center; color:#888; }
.gen-style-360 { color:var(--primary-blue) }
.gen-style-361 { padding:40px; text-align:center; color:#888; }
.gen-style-362 { color: var(--primary-blue); margin-top: 0; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.gen-style-363 { text-align:center; }
.gen-style-364 { display: none; background: #eef4ff; padding: 15px; border-radius: 8px; border-left: 4px solid var(--primary-blue); margin-bottom:15px; }
.gen-style-365 { font-weight:bold; display:block; }
.gen-style-366 { font-weight:600; }
.gen-style-367 { font-weight:600; margin-top:10px; display:block; }
.gen-style-368 { font-weight:600; }
.gen-style-369 { font-weight:600; }
.gen-style-370 { font-weight:600; }
.gen-style-371 { font-weight:600; }
.gen-style-372 { font-weight:600; margin-top:10px; display:block; }
.gen-style-373 { color: var(--primary-blue); margin-top: 0; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.gen-style-374 { font-weight: bold; margin-top: 10px; text-align: center; }
.gen-style-375 { color: var(--primary-blue); margin-top: 0; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.gen-style-376 { font-weight: bold; margin-top: 10px; text-align: center; }
.gen-style-377 { color: var(--primary-blue); margin-top: 0; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.gen-style-378 { text-align: center; }
.gen-style-379 { margin-top: 20px; }
.gen-style-380 { color: var(--primary-blue); margin-top: 0; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.gen-style-381 { text-align: center; margin-bottom: 15px; font-size: 1.1rem; }
.gen-style-382 { color:var(--solar-gold) }
.gen-style-383 { margin-top: 10px; }
.gen-style-384 { margin-top: 10px; }
.gen-style-385 { margin-top: 10px; }
.gen-style-386 { margin-top: 10px; }
.gen-style-387 { font-weight: bold; margin-top: 10px; text-align: center; }
.gen-style-388 { border-color: var(--accent-orange); }