@font-face {font-family:'Montserrat';font-style:normal;mso-font-alt:Arial;font-weight:normal;src:local('Montserrat'),url('https://boardroom.cve-wizard.com/assets/woff2/Montserrat-Regular.woff2') format('woff2');}
@font-face {font-family:'ZincRust';font-style:normal;mso-font-alt:Arial;font-weight:normal;src:url('https://boardroom.cve-wizard.com/assets/woff2/ZingRustDemo-Base.woff2') format('woff2');}
@font-face {font-family:'ZincRustD2';font-style:normal;mso-font-alt:Arial;font-weight:normal;src:url('https://boardroom.cve-wizard.com/assets/woff2/ZingRustD2Demo-Base.woff2') format('woff2');}
:root{
  --bg1: #05130f;
  --bg2: #06121a;
  --card: rgba(20, 24, 26, 0.88);
  --cardBorder: rgba(255,255,255,0.10);
  --text: #e8eef2;
  --muted: rgba(232,238,242,0.70);
  --btn: rgba(255,255,255,0.08);
  --btnBorder: rgba(255,255,255,0.14);
  --accent: #7bd88f;
  --danger: #ff5a5a;
  --green: #006b44;
  --lightgreen: #019761;
  --blue: #006ea4;
}
html, body { height: 100%; }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--text);
  background:
    radial-gradient(1200px 900px at -200px -200px, rgba(123,216,143,0.22), transparent 60%) fixed,
    radial-gradient(1000px 800px at 120% -10%, rgba(110,170,255,0.18), transparent 55%) fixed,
    linear-gradient(180deg, var(--bg1), var(--bg2)) fixed;
}
.headone{font-family:'ZincRust';display:inline;font-size:45px;line-height:0.8;text-align:right;color:var(--blue);}
.headtwo{font-family:'ZincRustD2';display:inline;font-size:45px;line-height:0.8;text-align:left;color:var(--green);}
.span-blue{color:var(--blue);}
.span-green{color:var(--green);}
.br-center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px;}
.br-card{width:min(920px, 100%);background:var(--card);border:1px solid var(--cardBorder);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,0.35);backdrop-filter:blur(10px);padding:18px;margin-top:-50px;}
.br-title{font-size:18px;font-weight:700;letter-spacing: 0.2px;margin: 2px 0 14px 20px;color:var(--lightgreen);}
.br-sub{color:var(--muted);font-size:13px;margin:-6px 0 16px;}
.br-row{display:flex;gap:10px;align-items:center; }
.br-col{display:flex;flex-direction:column; gap:10px; }
.br-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--btnBorder);background:rgba(0,0,0,0.20);color:var(--text);outline:none;}
.br-input::placeholder{color:rgba(232,238,242,0.45);}
.br-btn{padding:10px 12px;border-radius:12px;border:1px solid var(--btnBorder);background:var(--btn);color:var(--text);cursor:pointer;user-select:none;}
.br-btn:hover{border-color:rgba(255,255,255,0.22);}
.br-btn:disabled{opacity:0.5;cursor:not-allowed;}
.br-btn-accent{border-color:rgba(123,216,143,0.35);}
.br-btn-danger{border-color:rgba(255,90,90,0.40);}
.br-section{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);}
.br-boardlist{display:flex;flex-direction:column;gap:10px;}
.br-boarditem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,0.10);background:rgba(0,0,0,0.18);}
.br-boardmeta{display:flex; flex-direction:column; gap:2px; min-width:0;}
.br-boardname{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 15px 5px;}
.br-boardinfo{font-size:12px;color:var(--muted);display:flex;gap:15px;flex-wrap:wrap;padding:2px 15px 5px;}
.br-pill{font-size:11px;padding:3px 10px 6px;border-radius:8px;border:1px solid rgba(255,255,255,0.50);color:rgba(232,238,242,0.85);}
.br-link{color:var(--text);text-decoration:none;cursor:pointer;}
.br-overlay{position:fixed;inset:0;display:none;background:rgba(0,0,0,0.55);align-items:center;justify-content:center;z-index:9999;}
.br-overlay.show{display:flex;}
.br-overlay-card{width:92% !important;height:92% !important;overflow:auto;background:var(--card);border:1px solid var(--cardBorder);border-radius:18px;padding:14px;}
.br-table{width:100%;border-collapse:collapse;font-size:13px;}
.br-table th,.br-table td{border-bottom:1px solid rgba(255,255,255,0.08);padding:10px 16px;text-align:left;}
.br-table th{color:rgba(232,238,242,0.85);font-weight:650;}
.br-select{padding:10.5px;min-width:80px;width:10%;border-radius:10px;border:1px solid var(--btnBorder);background:rgba(0,0,0,0.6);color:var(--text);}
#membersTbody>tr>td>button{margin:0 2px;}
#membersTable>thead>tr>th{margin:0 2px}
#bropener{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);color:var(--text);flex-direction:column;align-items:center;justify-content:center;font-size:18px;text-align:center;z-index:1000;overflow:hidden;}
#brroot {flex:1;position:relative;min-height:0;}
#brclose {margin:-5px 0 10px 0;}
.footer{display:flex;font-size:11px;width:80%;flex-direction:row;justify-content:space-between;margin:auto;text-align:center;position:fixed;bottom:10px;left:7%;}
.legals{font-size:11px;margin:0 0 0 50px}
.footer-left{display:flex;justify-content:space-between;align-items:center;}
.footer-center,.footer-right{display:flex;max-width:350px;justify-content:center;align-items:center;}
.tOP{margin:0 80px 0 auto;}
.mailbox-img{width:40px;height:auto;max-width:40px;}
#createboardmembersbtn{padding:10px;}
.br-mainbtn{background:var(--green);color:#fff;transition:all 0.2s ease;}
.br-mainbtn:hover{background:#006ea4;}
.br-label{font-size:13px;margin:15px 0 10px;}
#savemembersbtn{margin:0 10px;}
.br-title-line{display:flex;justify-content:space-between;}
#logoutbtn,#smartboardbtn{height:40px;}
.br-closewrap{display:flex;justify-content:space-between;}
.br-warning{text-align:center;}
.br-warning-title{color:#f88585;font-size:18px;font-weight:700;}
#areyousure{color:var(--lightgreen);font-weight:600;}
.br-deloverlay-card{width:25% !important;min-height:28% !important;max-height:34% !important;display:flex;flex-direction:column;gap:24px;justify-content:space-between;}
.br-column{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;}
.br-red-btn{color:#f07b7b;}
.br-display-card{width:min(920px, calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:rgba(20,24,26,0.92);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,0.55);backdrop-filter:blur(10px);}
.br-legals{display:flex;flex-direction:column;margin:auto;}
.br-legals>p,.br-legals>ul,.br-legals>li{max-width:600px;}
.bord{border:1px solid rgb(52, 52, 52);}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}
@media (min-width:1100px) and (max-width:1530px){#br-bar{top:11% !important;left:12.5% !important;}}
@media (max-width:1100px) {
  #br-bar{position:absolute !important;top:25px !important;left:12px !important;right:12px;display:flex;flex-wrap:wrap;gap:6px;overflow-x:auto;overflow-y:hidden;padding:6px 8px;z-index:10002;}
  #br-bar>*{flex:0 0 auto;}
  #br-bar button{font-size:13px;padding:6px 10px;border-radius:10px;}
}
@media (max-width:640px){
  #broverlay canvas,#broverlay{touch-action:none !important;-ms-touch-action:none;}
  #brroot{width:92%;height:92%;/*left:48.5%;top:50%;*/opacity:0.97;}
  .br-close{top:12px;right:12px;padding:6px 9px}
  #br-width{width:120px;}
  #br-color{width:30px;height:30px;}
  #brBtnLabel {display:flex;position:relative;top:-135px;left:25px;}
  .br-btns{padding:8px 8px;font-size:0.7rem;width:100px;position:static;margin:-165px auto auto 220px;}
  .br-display-card{ padding:14px; border-radius:18px; }
}