:root{
  --ink:#0A0E17; --ink-2:#111828; --paper:#F7F9FC; --paper-2:#ECEFF5;
  --blue:#FF3719; --blue-2:#FF6A4D; --cyan:#FFB020; --graphite:#1C2333; --slate:#6B7789;
  --bg: var(--ink); --bg-soft: var(--ink-2); --text:#E8ECF6; --text-dim:#8D97AC;
  --card: rgba(255,255,255,0.04); --card-border: rgba(255,255,255,0.1); --shadow:0 20px 60px rgba(0,0,0,0.45);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; min-height:100vh;
  display:flex; align-items:center; justify-content:center; padding:24px;
}
.mono{font-family:'JetBrains Mono',monospace;}
a{color:inherit;}

/* ecran de login */
.login-box{
  width:380px; background:var(--card); border:1px solid var(--card-border); border-radius:16px;
  padding:42px 36px; text-align:center; box-shadow:var(--shadow);
}
.login-box .lock-icon{font-size:2.2rem;margin-bottom:14px;}
.login-box h1{font-family:'Space Grotesk';font-size:1.3rem;margin-bottom:8px;}
.login-box p{color:var(--text-dim);font-size:0.85rem;margin-bottom:24px;line-height:1.5;}
.login-box input{
  width:100%;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:8px;
  padding:12px 14px;color:var(--text);text-align:center;font-family:'JetBrains Mono';margin-bottom:14px;
}
.login-box button{
  width:100%;padding:12px;border-radius:8px;border:none;
  background:linear-gradient(135deg,var(--blue),var(--cyan));color:#0A0E17;font-weight:700;cursor:pointer;
}
.login-msg{font-size:0.8rem;color:#ff6b6b;margin-top:12px;min-height:16px;}
.back-link{display:block;margin-top:20px;font-size:0.8rem;color:var(--text-dim);}
.back-link:hover{color:var(--cyan);}

/* dashboard */
.dashboard{width:100%;max-width:820px;display:none;}
.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;}
.dash-head h1{font-family:'Space Grotesk';font-size:1.4rem;}
.dash-head .actions{display:flex;gap:10px;}
.btn-ghost{
  background:transparent;border:1px solid var(--card-border);color:var(--text-dim);
  padding:9px 16px;border-radius:8px;cursor:pointer;font-size:0.85rem;
}
.btn-ghost:hover{border-color:var(--cyan);color:var(--text);}
.btn-view{
  background:var(--card);border:1px solid var(--card-border);color:var(--text);
  padding:9px 16px;border-radius:8px;cursor:pointer;font-size:0.85rem;text-decoration:none;
}

.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;}
.tab{
  padding:9px 16px;border-radius:8px;font-size:0.85rem;cursor:pointer;color:var(--text-dim);
  border:1px solid var(--card-border);background:var(--card);
}
.tab.active{background:var(--blue);color:#fff;border-color:var(--blue);}
.panel{display:none;background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:28px;}
.panel.active{display:block;}

.field-group{margin-bottom:18px;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.panel-subhead{
  font-family:'Space Grotesk';font-size:0.95rem;color:var(--cyan);margin:28px 0 16px;
  padding-top:20px;border-top:1px solid var(--card-border);
}
.panel-subhead:first-child{margin-top:0;padding-top:0;border-top:none;}
.field-group label{display:block;font-size:0.8rem;color:var(--text-dim);margin-bottom:6px;}
.field-group input,.field-group textarea{
  width:100%;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:8px;
  padding:11px 13px;color:var(--text);font-size:0.9rem;font-family:'Inter';
}
.field-group textarea{resize:vertical;}
.logo-preview{
  width:100%;height:90px;background:var(--bg-soft);border-radius:8px;display:flex;align-items:center;
  justify-content:center;margin-bottom:12px;border:1px dashed var(--card-border);
}
.logo-preview img{max-height:50px;}

.item-card{
  background:var(--bg-soft);border:1px solid var(--card-border);border-radius:10px;padding:18px;margin-bottom:16px;
}
.item-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.item-card-head b{font-size:0.9rem;}
.remove-btn{color:#ff6b6b;cursor:pointer;font-size:0.8rem;background:none;border:none;}
.add-btn{
  width:100%;padding:11px;border-radius:8px;border:1px dashed var(--blue);background:transparent;
  color:var(--blue-2);cursor:pointer;font-size:0.85rem;margin-top:4px;margin-bottom:18px;
}
.checkbox-row{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-dim);}
.save-btn{
  padding:12px 22px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#0A0E17;font-weight:700;cursor:pointer;font-size:0.9rem;
}
.save-msg{font-size:0.82rem;color:var(--cyan);margin-top:14px;min-height:16px;}
.hint{font-size:0.76rem;color:var(--text-dim);margin-top:-8px;margin-bottom:16px;}

@media(max-width:600px){
  .dash-head{flex-direction:column;gap:14px;align-items:flex-start;}
}