body{margin:0;font-family:Segoe UI,sans-serif;background:#f6fdf6}.page-container{padding:40px;max-width:900px;margin:0 auto}@media(max-width:768px){.page-container{padding:20px}}@media(max-width:480px){.page-container{padding:15px}}.input,.button{width:100%;height:46px;padding:0 16px;border-radius:6px;font-size:16px;box-sizing:border-box}.input{border:1px solid #ccc;margin-top:10px}.button{background:#1b8c34;border:none;color:#fff;cursor:pointer;margin-top:15px;font-weight:500}.button:hover{background:#166b29}@media(max-width:480px){.input,.button{height:42px;font-size:15px}}.device-card{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;border-left:6px solid #1b8c34;box-shadow:0 2px 8px #00000014}.device-wrapper{position:relative}.delete-btn{position:absolute;top:14px;right:14px;background:#c62828;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.delete-btn:hover{background:#a61d1d}.empty-state{margin-top:40px;text-align:center;color:#555}@media(max-width:480px){.device-card{padding:15px}}.percentage{font-size:24px;font-weight:700;color:#1b8c34}@media(max-width:480px){.percentage{font-size:20px}}.dashboard-links{margin-top:30px;display:flex;gap:20px;justify-content:center}.dashboard-links a{text-decoration:none}@media(max-width:480px){.dashboard-links{flex-direction:column}}.legal-links{margin-top:40px;display:flex;justify-content:center;gap:25px}.legal-links a{color:#0f8b47;text-decoration:none;font-weight:500}.legal-links a:hover{text-decoration:underline}@media(max-width:600px){.legal-links{flex-wrap:wrap;gap:15px}}.navbar{background:linear-gradient(135deg,#1b8c34,#157a2c);padding:14px 26px;color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:999}.nav-left{display:flex;align-items:center}.brand{display:flex;align-items:center;gap:12px}.navbar-logo{width:44px;height:auto;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-title{font-size:20px;font-weight:700}.brand-user{font-size:12px;opacity:.85}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:15px}.nav-links a:hover{text-decoration:underline}.logout-btn{background:#fff;color:#1b8c34;border:none;padding:7px 16px;border-radius:6px;cursor:pointer;font-weight:600}.logout-btn:hover{background:#e7ffe7}.hamburger{width:28px;height:22px;display:none;flex-direction:column;justify-content:space-between;cursor:pointer}.bar{width:100%;height:3px;background:#fff;transition:.3s}.bar.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;top:68px;right:0;width:100%;background:#1b8c34;flex-direction:column;text-align:center;padding:22px 0;gap:18px;display:none}.nav-links.active{display:flex}.logout-btn{width:140px;margin-top:6px}}@media(max-width:480px){.navbar{padding:12px 18px}.navbar-logo{width:40px}.brand-title{font-size:18px}.brand-user{font-size:11px}}.form-card{background:#fff;max-width:420px;margin:0 auto;padding:32px 28px;border-radius:14px;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column}.form-title{text-align:center;margin-bottom:24px;font-size:24px;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:26px 24px;border-radius:14px;width:90%;max-width:360px;text-align:center;box-shadow:0 10px 30px #00000026}.modal h3{margin-bottom:12px;font-size:18px}.modal p{font-size:14px;color:#333}.modal-btn{margin-top:16px;padding:10px 18px;background:#1b8c34;color:#fff;border:none;border-radius:8px;cursor:pointer}.modal-btn:hover{background:#166b29}.bg-decor{position:fixed;inset:0;z-index:-1;overflow:hidden}.bg-circle{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(90px);opacity:.25;animation:float 14s ease-in-out infinite}.bg-circle.left{background:#1b8c34;top:20%;left:-120px}.bg-circle.right{background:#3fcf8e;bottom:15%;right:-120px;animation-delay:6s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-40px)}to{transform:translateY(0)}}