:root { --app-sidebar-width: 260px; }
body { background: #f6f7f9; }
.app-main { padding: 1.25rem; max-width: 1500px; margin: 0 auto; }
.app-card { border: 0; box-shadow: 0 .125rem .5rem rgba(0,0,0,.08); }
.project-card { transition: transform .12s ease, box-shadow .12s ease; }
.project-card:hover { transform: translateY(-2px); box-shadow: 0 .35rem 1rem rgba(0,0,0,.12); }
.project-description { min-height: 3rem; }
.stat-number { font-size: 2rem; font-weight: 700; }
@media (max-width: 767.98px) { .app-main { padding: .85rem; } .navbar-brand small { display: none; } .project-description { min-height: auto; } }
/* Houston Mission Control board */
.houston-board{display:flex;gap:1rem;overflow-x:auto;align-items:flex-start;padding-bottom:1rem;scroll-snap-type:x proximity}
.board-column{flex:0 0 285px;max-width:285px;background:#eef1f5;border-radius:.8rem;overflow:hidden;scroll-snap-align:start}
.board-column-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem .9rem;font-weight:700}
.board-dropzone{min-height:320px;padding:0 .65rem .75rem}
.board-dropzone.drag-over{background:rgba(13,110,253,.07)}
.board-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.65rem;padding:.75rem;margin-bottom:.65rem;box-shadow:0 .1rem .3rem rgba(0,0,0,.06);cursor:grab}
.board-card:active{cursor:grabbing}.board-card.dragging{opacity:.45;transform:rotate(1deg)}
.board-title{display:block;margin:.45rem 0;line-height:1.25}.board-meta{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin-top:.55rem;font-size:.76rem;color:#6c757d}
.board-key{font-size:.82rem}.board-card:hover{box-shadow:0 .25rem .7rem rgba(0,0,0,.12)}
@media(max-width:767.98px){.houston-board{margin-left:-.85rem;margin-right:-.85rem;padding-left:.85rem;padding-right:.85rem}.board-column{flex-basis:82vw;max-width:330px}}