body{font-family:"Inter",sans-serif;background:linear-gradient(135deg,#f3f4f6,#e0e7ff)}
.container-card{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:2.5rem;border-radius:1.25rem;box-shadow:0 25px 50px -20px rgba(30,41,59,.25);border:1px solid rgba(148,163,184,.25)}

.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:2rem}
.entry-grid .span-2{grid-column:span 2}
.entry-grid .span-3{grid-column:span 3}
.entry-field label{display:block;font-weight:700;font-size:0.95rem;color:#2f2f36;margin-bottom:0.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,.6);border-radius:0.75rem;padding:0.65rem 0.85rem;box-shadow:0 4px 12px rgba(15,23,42,.06);transition:border-color .2s,box-shadow .2s}
.input-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 10px 25px rgba(79,70,229,.18)}
.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,#5a4bff,#4338ca);box-shadow:0 14px 30px -12px rgba(67,56,202,.55);border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.entry-submit:hover{transform:translateY(-1px);box-shadow:0 18px 36px -14px rgba(67,56,202,.55)}
.entry-submit:active{transform:translateY(1px);box-shadow:0 10px 24px -15px rgba(67,56,202,.65)}

.input-wrapper.invalid{border-color:#ef4444;box-shadow:0 12px 20px -15px rgba(239,68,68,.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:#facc15;color:#713f12}

table{width:100%;border-collapse:separate;border-spacing:0 .5rem}
th,td{padding:.75rem;text-align:left}
th{background:#eef2ff;border-radius:.5rem}
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:#e0f2fe;color:#075985}
.badge.local{background:#fef9c3;color:#854d0e}
details[open] summary{margin-bottom:.5rem}
summary{cursor:pointer}

.btn-outline{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:.75rem;padding:.55rem 1.1rem;font-size:.95rem;background:transparent;color:#4338ca;border:1px solid #c7d2fe;transition:background .2s,border-color .2s,color .2s,transform .15s}
.btn-outline:hover{background:#eef2ff}
.btn-outline:disabled{opacity:.6;cursor:default;pointer-events:none}

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

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

@media (max-width:640px){
  body{padding:1.5rem}
  .entry-grid{grid-template-columns:1fr}
  .entry-grid .span-3,.entry-grid .span-2{grid-column:span 1}
}
.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:#4f46e5;text-decoration:none;padding:.4rem .85rem;border-radius:999px;background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.18);transition:background .2s ease,color .2s ease,transform .15s ease;margin-bottom:.5rem}
.back-link:hover{background:rgba(79,70,229,.18);color:#4338ca;transform:translateY(-1px)}
.back-header .space-y-1{display:flex;flex-direction:column;gap:.35rem}
.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{position:relative;width:76px;height:92px;display:flex;align-items:center;justify-content:center}
.drop-base,.drop-band{position:absolute;width:100%;height:100%;border-radius:48% 48% 60% 60%;}
.drop-base{background:linear-gradient(180deg,#5a54ff 0%,#6c63ff 45%,#7c68ff 100%);box-shadow:0 12px 35px rgba(82,70,229,.35)}
.drop-band{height:55%;bottom:15%;background:rgba(255,255,255,.16);border-radius:50%}
.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:#4b4f75;font-weight:600}
.brand-main{font-family:'Inter',sans-serif;font-size:1.65rem;letter-spacing:.25em;color:#4338ca;text-shadow:0 6px 18px rgba(67,56,202,.35)}
.brand-app{font-size:.85rem;font-weight:600;color:#6b7280;letter-spacing:.08em;text-transform:uppercase}
@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}
}