body{font-family:"Inter",sans-serif;background:linear-gradient(135deg,#f7f9ff,#e0f2ff)}
.container-card{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);padding:2.5rem;border-radius:1.25rem;box-shadow:0 30px 60px -28px rgba(15,23,42,.3);border:1px solid rgba(148,163,184,.2)}

.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:#2563eb;text-decoration:none;padding:.4rem .85rem;border-radius:999px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.18);transition:background .2s,color .2s,transform .15s;margin-bottom:.5rem}
.back-link:hover{background:rgba(37,99,235,.18);color:#1d4ed8;transform:translateY(-1px)}
.brand-stack{display:flex;flex-direction:column;align-items:center;gap:0.75rem;text-align:center}
.brand-mark{display:flex;flex-direction:column;align-items:center;gap:0.55rem}
.brand-icon.energy-icon{position:relative;width:76px;height:92px;display:flex;align-items:center;justify-content:center}
.energy-icon .bolt{position:absolute;width:38%;height:70%;background:linear-gradient(180deg,#fde68a 0%,#fbbf24 45%,#f97316 100%);clip-path:polygon(45% 0,60% 0,90% 45%,65% 45%,85% 100%,40% 55%,65% 55%);box-shadow:0 12px 35px rgba(249,115,22,.35)}
.energy-icon .glow{position:absolute;width:88%;height:88%;background:radial-gradient(circle,rgba(251,191,36,.35) 0%,rgba(251,191,36,0) 65%)}

.badge.syncing {
  background: #dbeafe;
  color: #1d4ed8;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}


.brand-text{display:flex;flex-direction:column;align-items:center;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:#11163c}
.brand-sub{text-transform:lowercase;font-size:.9rem;letter-spacing:.15em;color:#475569;font-weight:600}
.brand-main.energy{font-size:1.7rem;color:#f97316;text-shadow:0 6px 18px rgba(249,115,22,.45)}
.brand-app{font-size:.85rem;font-weight:600;color:#64748b;letter-spacing:.08em;text-transform:uppercase}

.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:2.25rem}
.entry-grid .span-3{grid-column:span 3}
.entry-field label{display:block;font-weight:700;font-size:0.95rem;color:#1f2a44;margin-bottom:.55rem;text-transform:uppercase;letter-spacing:0.04em}
.input-wrapper{position:relative;display:flex;align-items-center;background:#fff;border:1.5px solid rgba(148,163,184,.55);border-radius:0.75rem;padding:0.65rem 0.85rem;box-shadow:0 4px 12px rgba(15,23,42,.08);transition:border-color .2s,box-shadow .2s}
.input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 16px 28px -16px rgba(37,99,235,.35)}
.input-wrapper input{border:none;background:transparent;width:100%;font-size:1rem;font-weight:600;color:#1f2933;outline:none}
.input-wrapper input::placeholder{color:#94a3b8;font-weight:500}

.entry-actions{text-align:center;margin-top:0.5rem}
.entry-submit{display:inline-flex;align-items:center;justify-content:center;padding:0.95rem 3rem;border-radius:0.9rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 18px 35px -18px rgba(37,99,235,.45);border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.entry-submit:hover{transform:translateY(-1px);box-shadow:0 25px 40px -20px rgba(37,99,235,.45)}
.entry-submit:active{transform:translateY(1px);box-shadow:0 12px 24px -18px rgba(37,99,235,.45)}

.message-box{position:fixed;top:16px;right:16px;padding:12px 16px;border-radius:.75rem;font-weight:600;z-index:1000;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .2s}
.message-box.show{opacity:1;transform:translateY(0)}
.message-box.success{background:#16a34a;color:#fff}
.message-box.error{background:#ef4444;color:#fff}
.message-box.warning{background:#f59e0b;color:#723b13}

table{width:100%;border-collapse:separate;border-spacing:0 .5rem}
th,td{padding:.75rem;text-align:left}
th{background:#dbeafe;border-radius:.5rem;color:#1e3a8a;font-weight:700}
td{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}
.badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}
.badge.neon{background:#dbeafe;color:#1d4ed8}
.badge.local{background:#fef9c3;color:#854d0e}

.results-panel{margin-top:2rem}

@media (min-width:768px){
  .brand-stack{align-items:flex-start;text-align:left}
  .brand-mark{flex-direction:row;align-items:center;gap:1.1rem}
  .brand-text{align-items:flex-start}
}

@media (max-width:900px){
  .entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entry-grid .span-3{grid-column:span 2}
}

@media (max-width:640px){
  body{padding:1.75rem 1.1rem}
  .entry-grid{grid-template-columns:1fr}
  .entry-grid .span-3{grid-column:span 1}
}