/* LESCO Bill Checker CSS */
.lesco-bill-container * { box-sizing:border-box; }
.lesco-bill-container { background:#fff; padding:30px; border-radius:12px; box-shadow:0 8px 25px rgba(0,0,0,0.15); max-width:450px; margin:0 auto; text-align:center; font-family: Arial, sans-serif; }
.lesco-bill-container h1 { color:#0073aa; margin-bottom:10px; font-size:26px; }
.lesco-bill-container p.description { margin-bottom:20px; color:#555; font-size:16px; }
.lesco-bill-container input { width:100%; padding:12px 15px; margin-bottom:10px; border:1px solid #ccc; border-radius:8px; font-size:16px; }
.lesco-bill-container button { width:100%; padding:14px 0; background:#0073aa; color:#fff; border:none; border-radius:8px; cursor:pointer; font-size:18px; display:flex; justify-content:center; align-items:center; transition:background 0.3s ease; margin-bottom:10px; }
.lesco-bill-container button:hover { background:#005f80; }
.copy-btn { background:#28a745; position:relative; transition:all 0.3s ease; }
.copy-btn:hover { background:#218838; }
.copy-btn span.icon { margin-left:8px; display:inline-block; transition: transform 0.3s; }
.or-text { margin:15px 0; font-weight:bold; color:#555; }
.loader { display:none; border:5px solid #f3f3f3; border-top:5px solid #0073aa; border-radius:50%; width:40px; height:40px; animation:spin 1s linear infinite; margin:20px auto; }
@keyframes spin { 0% { transform:rotate(0deg);} 100% { transform:rotate(360deg);} }
#redirectText { display:none; color:#0073aa; font-weight:bold; margin-top:15px; font-size:16px; }
.tips { margin-top:20px; font-size:14px; color:#333; text-align:left; }
.tips ul { padding-left:20px; }
.tooltip { visibility: hidden; background-color: #333; color: #fff; text-align:center; border-radius:6px; padding:5px 8px; position:absolute; z-index:1; bottom:125%; left:50%; transform:translateX(-50%); opacity:0; transition: opacity 0.3s; font-size:12px; }
.copy-btn:hover .tooltip { visibility: visible; opacity:1; }
@keyframes bounce { 0%,20%,50%,80%,100% {transform:translateY(0);} 40% {transform:translateY(-8px);} 60% {transform:translateY(-4px);} }
.bounce { animation: bounce 0.5s; }
@media(max-width:600px){ .lesco-bill-container { padding:20px; } .lesco-bill-container h1 { font-size:22px; } .lesco-bill-container button { font-size:16px; } }