* { font-family: 'Montserrat', sans-serif; }
body { background: #233D53; color: #e2e8f0; }

/* Scrollbar */
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:#233D53; }
::-webkit-scrollbar-thumb { background:#3A5A73; border-radius:3px; }

/* Cards */
.card { transition: box-shadow .15s, transform .15s; cursor:pointer; }
.card:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.4); }

/* Drag & Drop */
.dragging { opacity:.4; }
.drop-zone { transition: background .15s, border .15s; min-height:460px; }
.drag-active { background:rgba(81,117,147,.15); border:2px dashed #517593; border-radius:.75rem; }

/* Checkbox */
.check-box { width:17px; height:17px; accent-color:#517593; cursor:pointer; flex-shrink:0; margin-top:2px; }

/* Modal */
.modal-bg { animation:fadeIn .15s ease; }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
.modal-box { animation:slideUp .2s ease; }
@keyframes slideUp { from{transform:translateY(16px);opacity:0} to{transform:translateY(0);opacity:1} }

/* Badges */
.badge { display:inline-flex; align-items:center; padding:2px 9px; border-radius:999px; font-size:11px; font-weight:600; white-space:nowrap; }
.b-blue   { background:rgba(81,117,147,.25);  color:#a8c5da; }
.b-green  { background:rgba(52,211,153,.15);  color:#6ee7b7; }
.b-orange { background:rgba(251,146,60,.15);  color:#fbbf7a; }
.b-red    { background:rgba(248,113,113,.15); color:#fca5a5; }
.b-purple { background:rgba(167,139,250,.15); color:#c4b5fd; }

/* Forms */
input,textarea,select { font-family:'Montserrat',sans-serif !important; }

/* Tabs */
.tab-active { background:rgba(81,117,147,.2); color:#fff; border-bottom:2px solid #517593; }
.tab-inactive { color:rgba(161,196,218,.5); }
.tab-inactive:hover { color:rgba(161,196,218,.8); background:rgba(81,117,147,.1); }