/* QuickStage Frontend (Static)
   Dark-mode default. Clean, modern, not a school project.
*/
:root{
  --bg0:#070A12;
  --bg1:#0B1020;
  --card:#0F1730CC;
  --card2:#0F1730;
  --text:#EAF0FF;
  --muted:#A9B4D0;
  --line:#25325A;
  --accent:#7C5CFF;
  --accent2:#FF4FD8;
  --good:#4DFFB5;
  --warn:#FFCB6B;
  --bad:#FF5C7A;
  --shadow: 0 22px 60px rgba(0,0,0,.55);
  --radius: 18px;
  --radius2: 14px;
  --max: 1080px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(900px 500px at 18% 20%, rgba(124,92,255,.22), transparent 55%),
    radial-gradient(800px 500px at 86% 18%, rgba(255,79,216,.16), transparent 55%),
    radial-gradient(900px 600px at 50% 110%, rgba(77,255,181,.10), transparent 60%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
               "Segoe UI", Inter, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  letter-spacing:.2px;
}
a{color:inherit; text-decoration:none}
a:hover{opacity:.92}
.container{max-width:var(--max); margin:0 auto; padding:22px}
.nav{
  position:sticky; top:0;
  backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(7,10,18,.78), rgba(7,10,18,.40));
  border-bottom:1px solid rgba(37,50,90,.35);
  z-index: 20;
}
.nav-inner{
  max-width:var(--max); margin:0 auto;
  padding:14px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.brand{
  display:flex; align-items:center; gap:10px;
  font-weight:800; letter-spacing:.6px;
}
.logo{
  width:34px;
  height:34px;
  border-radius:12px;
  /* Use the QuickStage logo provided by the user as a base64 PNG so there is no external fetch.
     The image has been resized to 64×64px and converted to PNG for crisp display at small sizes.
     The box-shadow has been toned down to sit more naturally on dark backgrounds. */
  background-image: url("data:image/png;base64,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");
  background-size: cover;
  background-position: center;
  box-shadow: 0 10px 20px rgba(0,0,0,.3);
}
.navlinks{display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.pill{
  border:1px solid rgba(37,50,90,.55);
  background: rgba(15,23,48,.45);
  padding:9px 12px;
  border-radius: 999px;
  color: var(--muted);
  font-size: 13px;
}
.pill:hover{border-color: rgba(124,92,255,.55); color: var(--text)}
.pill.primary{
  border-color: rgba(124,92,255,.65);
  background: linear-gradient(135deg, rgba(124,92,255,.25), rgba(255,79,216,.14));
  color: var(--text);
}
.hero{
  padding:46px 0 28px;
}
.kicker{
  display:inline-flex; gap:8px; align-items:center;
  border:1px solid rgba(37,50,90,.55);
  background: rgba(15,23,48,.35);
  padding:8px 12px; border-radius:999px;
  color: var(--muted); font-size: 13px;
}
.dot{width:8px; height:8px; border-radius:99px; background: var(--good); box-shadow: 0 0 20px rgba(77,255,181,.35)}
h1{margin:14px 0 10px; font-size: 44px; line-height: 1.05}
h2{margin:0 0 10px; font-size: 24px}
p{margin:0 0 12px; color: var(--muted); line-height:1.55}
.grid{
  display:grid; grid-template-columns: 1.25fr .75fr; gap:18px;
}
@media (max-width: 920px){ .grid{grid-template-columns:1fr} h1{font-size:38px} }
.card{
  border:1px solid rgba(37,50,90,.55);
  background: rgba(15,23,48,.55);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.card .pad{padding:18px}
.card .topline{
  padding:14px 18px;
  border-bottom: 1px solid rgba(37,50,90,.45);
  background: linear-gradient(180deg, rgba(15,23,48,.60), rgba(15,23,48,.35));
}
.row{display:flex; gap:12px; flex-wrap:wrap}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border:1px solid rgba(37,50,90,.65);
  background: rgba(15,23,48,.60);
  color: var(--text);
  padding:12px 14px;
  border-radius: 14px;
  font-weight: 700;
  cursor:pointer;
  transition: transform .05s ease, border-color .12s ease, background .12s ease;
  user-select:none;
}
.btn:hover{border-color: rgba(124,92,255,.65)}
.btn:active{transform: translateY(1px)}
.btn.primary{
  border-color: rgba(124,92,255,.72);
  background: linear-gradient(135deg, rgba(124,92,255,.40), rgba(255,79,216,.22));
}
.btn.ghost{
  background: transparent;
}
.small{font-size:12px; color: var(--muted)}
.field{display:flex; flex-direction:column; gap:7px; margin:12px 0}
label{font-size:12px; color: var(--muted)}
input, select, textarea{
  width:100%;
  padding:12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(37,50,90,.60);
  background: rgba(7,10,18,.35);
  color: var(--text);
  outline:none;
}
input:focus, textarea:focus, select:focus{border-color: rgba(124,92,255,.75)}
hr{border:none; border-top:1px solid rgba(37,50,90,.45); margin:14px 0}
.notice{
  padding:12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(37,50,90,.55);
  background: rgba(15,23,48,.35);
  color: var(--muted);
}
.notice.good{border-color: rgba(77,255,181,.38)}
.notice.warn{border-color: rgba(255,203,107,.40)}
.notice.bad{border-color: rgba(255,92,122,.40)}
.cookie-banner{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:100;
  background:rgba(7,10,18,0.95);
  border-top:1px solid rgba(37,50,90,.45);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding:14px 20px;
}
.cookie-banner p{
  margin:0;
  flex:1;
  font-size:13px;
  color:var(--muted);
}
.cookie-banner a{
  color:var(--text);
  text-decoration:underline;
}
.cookie-banner .btn{
  font-size:12px;
  padding:9px 12px;
  white-space:nowrap;
}
.footer{
  padding:24px 0 34px;
  color: var(--muted);
  border-top:1px solid rgba(37,50,90,.35);
  margin-top: 32px;
}
.footer a{color: var(--text); opacity:.85}
.footer a:hover{opacity:1}
.badge{
  display:inline-flex; gap:8px; align-items:center;
  padding:7px 10px; border-radius:999px;
  border:1px solid rgba(37,50,90,.55);
  background: rgba(15,23,48,.35);
  color: var(--muted);
  font-size: 12px;
}
.code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  color: #DCE6FF;
  background: rgba(7,10,18,.45);
  border: 1px solid rgba(37,50,90,.55);
  border-radius: 14px;
  padding: 12px;
  overflow:auto;
}

/* Dashboard application cards */
.app-card{
  padding:12px;
  border:1px solid rgba(37,50,90,.55);
  border-radius:12px;
  background: rgba(15,23,48,.45);
}
.kv{
  display:grid; grid-template-columns: 180px 1fr; gap:10px; align-items:start;
}
@media (max-width: 720px){ .kv{grid-template-columns:1fr} }
.miniapp{
  display:flex; gap:12px; align-items:center;
}
.miniapp img{
  width:52px; height:52px; border-radius: 16px; object-fit: cover;
  border: 1px solid rgba(37,50,90,.55);
  background: rgba(7,10,18,.35);
}
.subtitle{color: var(--muted); font-size: 13px; margin-top:4px}