:root{
  --gold:#d4af37;
  --gold-soft:#f1d67a;
  --bg:#090909;
  --panel:rgba(255,255,255,0.04);
  --panel-border:rgba(255,255,255,0.10);
  --text-soft:rgba(255,255,255,0.68);
  --text-muted:rgba(255,255,255,0.50);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body.bd-body{
  margin:0;
  background:var(--bg);
  color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;
  position:relative;
  min-height:100vh;
}

.bd-glow{
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,0.16) 0%, transparent 35%),
    radial-gradient(circle at 10% 20%, rgba(255,255,255,0.04) 0%, transparent 25%);
  z-index:0;
}

.bd-wrap{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  position:relative;
  z-index:1;
}

.bd-topbar{
  position:sticky;
  top:0;
  z-index:30;
  backdrop-filter:blur(12px);
  background:rgba(0,0,0,0.38);
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.bd-topbar-inner{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.bd-brand{
  text-decoration:none;
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:-0.04em;
  font-size:1.6rem;
}

.bd-brand span{
  background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.bd-back-link{
  text-decoration:none;
  color:var(--text-soft);
  font-size:.92rem;
  transition:.2s ease;
}

.bd-back-link:hover{
  color:#fff;
}

.bd-hero{
  padding:72px 0 54px;
  text-align:center;
}

.bd-kicker{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.38em;
  font-size:.68rem;
  font-weight:800;
  margin-bottom:18px;
}

.bd-title{
  margin:0 auto 24px;
  max-width:920px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.7rem, 7vw, 5.6rem);
  line-height:.95;
  font-weight:600;
}

.bd-title span{
  display:inline-block;
  background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.bd-subtitle{
  max-width:820px;
  margin:0 auto;
  color:var(--text-soft);
  font-size:1.05rem;
  line-height:1.9;
}

.bd-hero-actions{
  margin-top:34px;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.bd-btn{
  text-decoration:none;
  border-radius:999px;
  padding:15px 28px;
  font-size:.85rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:.22s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.bd-btn-primary{
  background:#fff;
  color:#000;
  border:1px solid #fff;
}

.bd-btn-primary:hover{
  background:var(--gold);
  border-color:var(--gold);
}

.bd-btn-secondary{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,0.18);
}

.bd-btn-secondary:hover{
  background:#fff;
  color:#000;
}

.bd-benefits,
.bd-compare,
.bd-final-cta{
  padding:36px 0 78px;
}

.bd-section-head{
  text-align:center;
  margin-bottom:28px;
}

.bd-mini-line{
  width:74px;
  height:1px;
  background:var(--gold);
  margin:0 auto 18px;
}

.bd-section-head h2{
  margin:0 0 10px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem, 4vw, 3rem);
  font-weight:600;
}

.bd-section-head p{
  margin:0 auto;
  max-width:760px;
  color:var(--text-soft);
  line-height:1.8;
}

.bd-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:34px;
}

.bd-card{
  background:var(--panel);
  border:1px solid var(--panel-border);
  border-radius:28px;
  padding:28px;
  backdrop-filter:blur(12px);
  transition:.25s ease;
}

.bd-card:hover{
  transform:translateY(-4px);
  border-color:rgba(212,175,55,.45);
}

.bd-icon{
  font-size:2rem;
  margin-bottom:16px;
}

.bd-card h3{
  margin:0 0 12px;
  font-size:1.1rem;
}

.bd-card p{
  margin:0;
  color:var(--text-soft);
  line-height:1.8;
  font-size:.96rem;
}

.bd-compare-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:36px;
}

.bd-compare-col{
  position:relative;
  background:var(--panel);
  border:1px solid var(--panel-border);
  border-radius:30px;
  padding:28px;
  backdrop-filter:blur(12px);
}

.bd-compare-col-featured{
  border-color:rgba(212,175,55,.42);
  box-shadow:0 0 0 1px rgba(212,175,55,.12) inset;
}

.bd-badge{
  position:absolute;
  top:-12px;
  right:20px;
  background:var(--gold);
  color:#000;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:7px 12px;
  border-radius:999px;
}

.bd-compare-title{
  font-size:1.15rem;
  font-weight:800;
  margin-bottom:18px;
}

.bd-compare-col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.bd-compare-col li{
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
  color:var(--text-soft);
}

.bd-compare-col li:last-child{
  border-bottom:none;
}

.bd-final-box{
  background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));
  border:1px solid rgba(255,255,255,0.10);
  border-radius:34px;
  padding:42px 26px;
  text-align:center;
  backdrop-filter:blur(14px);
}

.bd-final-box h2{
  margin:0 0 10px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem, 4vw, 3rem);
  font-weight:600;
}

.bd-final-box p{
  margin:0 auto;
  max-width:680px;
  color:var(--text-soft);
  line-height:1.8;
}

.bd-card{
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.1);
border-radius:20px;
padding:20px;
}


.bd-card{

background:rgba(255,255,255,0.04);

border:1px solid rgba(255,255,255,0.1);

border-radius:20px;

padding:24px;

backdrop-filter:blur(10px);

transition:all .25s ease;

}

.bd-card:hover{

border-color:#d4af37;

transform:translateY(-2px);

}


.category-header{
cursor:pointer;
margin-bottom:12px;
}

.header-top{
display:flex;
justify-content:space-between;
align-items:center;
}

.category-counter{
font-size:13px;
opacity:.7;
margin-top:4px;
}

.category-progress{
width:100%;
height:6px;
background:#2a2a2a;
border-radius:4px;
margin-top:6px;
overflow:hidden;
}

.category-progress-fill{
height:100%;
background:linear-gradient(90deg,#d4af37,#ffd700);
width:0%;
transition:width .4s ease;
}

.task-list{
max-height:0;
overflow:hidden;
transition:max-height .4s ease;
}

.task-list.open{
max-height:800px;
}

.category-arrow{
transition:transform .3s ease;
}

.category-arrow.rotate{
transform:rotate(180deg);
}

.task-item{
display:flex;
gap:10px;
padding:6px 0;
cursor:pointer;
}

.task-item input{
accent-color:#d4af37;
}

input[type=checkbox]{

width:16px;

height:16px;

accent-color:#d4af37;

cursor:pointer;

}


body{

background:#0f0f0f;

color:white;

font-family:Arial;

margin:0;

}


.container{

max-width:1100px;

margin:auto;

padding:40px 20px;

}


.subtitle{

opacity:.7;

margin-bottom:30px;

}


.layout{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

}


.panel{

background:#1a1a1a;

padding:25px;

border-radius:14px;

}


label{

display:block;

margin-top:15px;

font-size:14px;

opacity:.8;

}


input,
textarea{

width:100%;

margin-top:6px;

padding:10px;

border-radius:6px;

border:none;

background:#0f0f0f;

color:white;

}


.preview{

display:flex;

align-items:center;

justify-content:center;

}


.invitation-card{

background:linear-gradient(
180deg,
#1c1c1c,
#111
);

padding:40px;

border-radius:16px;

text-align:center;

max-width:420px;

width:100%;

}


.invitation-photo{

width:100%;

border-radius:10px;

margin-bottom:20px;

display:none;

}


.invitation-card h2{

font-size:32px;

margin:10px 0;

}


.invitation-card p{

opacity:.8;

margin:10px 0 20px 0;

}


.info{

opacity:.7;

margin-bottom:10px;

}


.btn-map{

display:inline-block;

margin-top:20px;

padding:10px 18px;

background:#d4af37;

color:black;

border-radius:8px;

text-decoration:none;

font-weight:bold;

}


@media(max-width:800px){

.layout{

grid-template-columns:1fr;

}

}


@media print{

body{
background:white !important;
color:#000 !important;
font-family: "Times New Roman", serif;
margin:0;
}

/* ocultar elementos de la app */
.bd-topbar,
.bd-hero,
.bd-glow,
button,
input,
.category-arrow{
display:none !important;
}

/* contenedor del documento */
.bd-wrap{
max-width:900px;
margin:auto;
padding:40px;
}

/* encabezado del documento */
.print-header{
display:block;
text-align:center;
margin-bottom:30px;
border-bottom:2px solid #000;
padding-bottom:15px;
}

.print-logo{
font-size:28px;
font-weight:bold;
letter-spacing:2px;
margin-bottom:6px;
}

.print-subtitle{
font-size:14px;
color:#444;
}

/* tarjetas del checklist */
.bd-card{
background:white !important;
border:1px solid #ccc !important;
box-shadow:none !important;
margin-bottom:15px;
}

/* tareas */
.task-item{
color:#000;
font-size:14px;
}

/* progreso oculto */
.category-progress{
display:none;
}

/* salto de página */
.bd-card{
page-break-inside:avoid;
}

}
@media (max-width: 980px){
  .bd-card-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .bd-compare-box{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .bd-topbar-inner{
    min-height:68px;
  }

  .bd-brand{
    font-size:1.28rem;
  }

  .bd-back-link{
    font-size:.84rem;
  }

  .bd-hero{
    padding:52px 0 34px;
  }

  .bd-subtitle{
    font-size:.98rem;
    line-height:1.75;
  }

  .bd-card-grid{
    grid-template-columns:1fr;
  }

  .bd-card,
  .bd-compare-col,
  .bd-final-box{
    border-radius:24px;
  }

  .bd-btn{
    width:100%;
  }

  .bd-hero-actions{
    flex-direction:column;
  }
}
.bd-alert{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-size:.95rem}
.bd-alert-error{background:rgba(255,94,94,.12);border:1px solid rgba(255,94,94,.25);color:#ffd1d1}
.bd-alert-success{background:rgba(91,215,126,.12);border:1px solid rgba(91,215,126,.22);color:#d9ffe2}
.bd-input{
width:100%;
padding:14px 16px;

border-radius:14px;

background:#0f0f0f;

border:1px solid rgba(255,255,255,.14);

color:#fff;

font-size:14px;

outline:none;

appearance:none;
-webkit-appearance:none;

transition:.2s;
}

.bd-input::placeholder{
color:rgba(255,255,255,.55);
}

.bd-input:focus{
border-color:#d4af37;
box-shadow:0 0 0 1px rgba(212,175,55,.45);
}
.bd-input:focus{border-color:rgba(212,175,55,.55)}
.bd-tab{flex:1;text-align:center;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;font-weight:700}
.bd-tab.is-active{background:#fff;color:#000}
.bd-card-grid-2{grid-template-columns:repeat(2,1fr)}
.bd-card-link{text-decoration:none;color:#fff}
.bd-card-link h3{font-size:1.2rem;font-weight:800}
.bd-share-box{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px dashed rgba(212,175,55,.45);word-break:break-all;color:#fff}
.bd-toast{position:fixed;bottom:20px;right:20px;background:#111;border:1px solid rgba(255,255,255,.14);padding:12px 16px;border-radius:14px;z-index:99}
.bd-check-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px;color:#fff}
.bd-check-item input{margin-top:5px}
.category-progress{height:7px;background:rgba(255,255,255,.08);border-radius:999px;margin-top:8px;overflow:hidden}
.category-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#d4af37,#f1d67a)}
.bd-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.bd-btn-mini{border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;border-radius:999px;padding:6px 12px;font-size:.8rem}
.invitation-card{min-height:420px}
@media (max-width:900px){.bd-card-grid,.bd-card-grid-2{grid-template-columns:1fr}}

/* ===== AUTH LOGIN / REGISTER ===== */

.bd-auth-card{
max-width:520px;
margin:auto;
padding:40px;
border-radius:28px;

background:rgba(255,255,255,.04);
border:1px solid rgba(212,175,55,.35);

backdrop-filter:blur(14px);

box-shadow:0 10px 40px rgba(0,0,0,.6);
}

.bd-auth-tabs{
display:flex;
gap:16px;
margin-bottom:25px;
}

.bd-auth-tab{
flex:1;
text-align:center;
padding:12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.05);
cursor:pointer;
font-weight:700;
}

.bd-auth-tab.active{
background:#fff;
color:#000;
}

.bd-auth-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.bd-auth-grid.full{
grid-template-columns:1fr;
}

.bd-auth-btn{
width:100%;
margin-top:20px;
padding:14px;

border-radius:40px;

background:#fff;
color:#000;

font-weight:800;
letter-spacing:.08em;
font-size:12px;

border:none;

cursor:pointer;
transition:.2s;
}

.bd-auth-btn:hover{
background:var(--gold);
}

.bd-auth-guest{
margin-top:16px;
width:100%;
padding:12px;

border-radius:40px;

border:1px solid rgba(255,255,255,.2);
background:transparent;
color:white;

font-size:12px;
letter-spacing:.08em;

cursor:pointer;
}

.bd-auth-guest:hover{
border-color:var(--gold);
}

@media(max-width:600px){

.bd-auth-grid{
grid-template-columns:1fr;
}

}



.bd-input{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.04);
  color:#fff;
  padding:14px 16px;
  outline:none;
}

.bd-input::placeholder{
  color:rgba(255,255,255,0.45);
}

.bd-check-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:10px 0;
  color:#fff;
}

.bd-check-item span{
  line-height:1.65;
}


.bd-print-body{
  margin:0;
  background:#ece8e1;
  color:#1f1a17;
  font-family:'Inter', Arial, sans-serif;
}

.bd-print-shell{
  width:min(1100px, calc(100% - 32px));
  margin:0 auto;
  padding:32px 0 48px;
}

.bd-print-toolbar{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-bottom:18px;
}

.bd-print-page{
  background:#fff;
  color:#161616;
  border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,0.12);
  padding:56px 60px;
}

.bd-document-header{
  margin-bottom:30px;
}

.bd-document-brand{
  font-family:'Cormorant Garamond', serif;
  font-size:2.45rem;
  font-weight:700;
  letter-spacing:.22em;
  text-align:center;
  color:#111;
}

.bd-document-brand::after{
  content:'Tu boda perfectamente organizada';
  display:block;
  margin-top:6px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:#7a5c24;
}

.bd-document-title{
  margin:16px 0 12px;
  text-align:center;
  font-family:'Cormorant Garamond', serif;
  font-size:2.15rem;
  font-weight:600;
  color:#141414;
}

.bd-document-lead{
  max-width:760px;
  margin:0 auto 22px;
  text-align:center;
  color:#38342e;
  line-height:1.8;
  font-size:1rem;
}

.bd-document-meta{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 18px;
  font-size:.92rem;
  color:#2d2925;
}

.bd-document-divider{
  border-top:2px solid #201b18;
  margin-top:18px;
}

.bd-document-content{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.bd-document-section{
  page-break-inside:avoid;
  break-inside:avoid;
  border:1px solid #d8d0c4;
  border-radius:14px;
  padding:20px 22px;
  background:linear-gradient(180deg,#fff,#fcfaf7);
}

.bd-document-section-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}

.bd-document-section-number{
  width:40px;
  height:40px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #181818;
  background:#f7f2e8;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.08em;
  color:#161616;
}

.bd-document-section-head h2{
  margin:0;
  font-size:1.1rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#111;
}

.bd-document-list{
  list-style:none;
  margin:0;
  padding:0;
}

.bd-document-item{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #e7dfd4;
  page-break-inside:avoid;
  break-inside:avoid;
}

.bd-document-item:last-child{
  border-bottom:none;
}

.bd-document-check{
  font-size:1rem;
  font-weight:800;
  color:#111;
}

.bd-document-item.is-done .bd-document-check{
  color:#000;
}

.bd-document-item.is-done .bd-document-text{
  color:#101010;
  font-weight:700;
}

.bd-document-text{
  line-height:1.68;
  color:#23201d;
}

.bd-document-empty{
  color:#444;
  line-height:1.8;
}

.no-print{
  print-color-adjust:exact;
  -webkit-print-color-adjust:exact;
}

@media print{
  html, body{
    background:#fff !important;
  }

  body.bd-body,
  body.bd-print-body{
    background:#fff !important;
    color:#000 !important;
    font-family:'Inter', 'Times New Roman', serif !important;
    margin:0 !important;
  }

  .bd-glow,
  .bd-topbar,
  .bd-hero,
  .bd-hero-actions,
  .bd-back-link,
  .bd-print-toolbar,
  .no-print,
  #taskSearch,
  input,
  button,
  .bd-btn,
  .category-progress,
  .cursor-pointer > .flex > span,
  .text-white\/60,
  .w-full.h-2.bg-white\/10.rounded-full{
    display:none !important;
  }

  .bd-wrap,
  .bd-print-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  main.bd-wrap{
    padding:0 !important;
  }

  #checklistContainer{
    display:none !important;
  }

  .bd-card,
  .bd-compare-col,
  .bd-final-box,
  .bd-print-page,
  .bd-document-section{
    background:#fff !important;
    color:#000 !important;
    border:1px solid #d4d0c8 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .bd-print-page{
    border:none !important;
    border-radius:0 !important;
    padding:18mm 16mm !important;
  }

  .bd-document-brand,
  .bd-document-title,
  .bd-document-section-head h2,
  .bd-document-text,
  .bd-document-check,
  .bd-document-meta,
  .bd-document-lead,
  .category-counter,
  .bd-card h2,
  .bd-card h3,
  .bd-card p,
  .bd-check-item span{
    color:#000 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#000 !important;
  }

  .bd-document-brand::after{
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
  }

  .bd-document-divider{
    border-top:1.5px solid #000 !important;
  }

  .bd-document-section,
  .bd-card,
  .bd-document-item{
    page-break-inside:avoid !important;
    break-inside:avoid !important;
  }

  @page{
    size:auto;
    margin:12mm;
  }
}

@media (max-width: 760px){
  .bd-print-page{
    padding:28px 22px;
  }

  .bd-document-meta{
    flex-direction:column;
  }

  .bd-document-brand{
    font-size:2rem;
  }

  .bd-document-title{
    font-size:1.7rem;
  }
}


/* ===== PREMIUM MODULES ===== */
.bd-premium-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:0 18px 60px rgba(0,0,0,.24)}
.bd-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 12px;border-radius:999px;background:rgba(212,175,55,.18);border:1px solid rgba(212,175,55,.34);color:#fff;font-weight:800}
.bd-stat-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.bd-mini-divider{height:1px;background:linear-gradient(90deg,rgba(212,175,55,.55),rgba(255,255,255,0))}
.bd-chip-cloud{display:flex;flex-wrap:wrap;gap:12px;min-height:120px;padding:16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12)}
.bd-chip-cloud.is-over{border-color:rgba(212,175,55,.55);background:rgba(212,175,55,.08)}
.bd-chip{display:inline-flex;flex-direction:column;gap:4px;align-items:flex-start;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:grab;min-width:140px;max-width:220px;text-align:left;transition:.2s ease}
.bd-chip:hover,.bd-chip.is-dragging{transform:translateY(-2px);border-color:rgba(212,175,55,.42)}
.bd-chip small{font-size:.72rem;color:rgba(255,255,255,.6)}
.bd-chip-note{font-size:.72rem;color:rgba(255,255,255,.52);line-height:1.45}
.bd-tables-canvas{min-height:460px;border-radius:28px;background:radial-gradient(circle at top,rgba(212,175,55,.07),transparent 30%),rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);padding:18px;overflow:visible}
.bd-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:start}
.bd-table-card{position:relative;width:100%;min-height:220px;padding:18px;border-radius:24px;background:rgba(12,12,12,.88);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.bd-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.bd-table-index{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(212,175,55,.78);font-weight:800;margin-bottom:4px}
.bd-table-name{width:100%;background:transparent;border:none;color:#fff;font-weight:800;font-size:1rem;outline:none;padding:0}
.bd-table-dropzone{min-height:132px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);padding:10px;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.bd-table-dropzone.is-over{border-color:rgba(212,175,55,.55);background:rgba(212,175,55,.08)}
.bd-drop-placeholder,.bd-empty-state{display:flex;align-items:center;justify-content:center;min-height:120px;color:rgba(255,255,255,.5);font-size:.92rem;text-align:center;padding:20px}
.bd-icon-btn{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;cursor:pointer}
@media (max-width: 1200px){.bd-tables-canvas{padding:14px;min-height:initial}.bd-tables-grid{grid-template-columns:1fr}}
select{
color:#111;
background:#fff;
}

select option{
color:#111;
background:#fff;
}
.bd-input select{
background:#111;
color:#fff;
}

.bd-input select option{
background:#fff;
color:#111;
}
.bd-card select{
color:#111 !important;
background:#fff !important;
}