:root { --tripofy: #1264a3; --tripofy-soft: #e9f3fb; }
.navbar-brand { font-weight: 700; letter-spacing: -.02em; }
.brand-mark { display:inline-grid; place-items:center; width:2rem; height:2rem; margin-right:.55rem; border-radius:.6rem; color:#fff; background:linear-gradient(145deg,#1264a3,#13a3b8); }
.stat-card { border:0; box-shadow:0 1px 2px rgba(0,0,0,.05); }
.stat-value { font-size:1.7rem; font-weight:700; letter-spacing:-.03em; }
.stage-badge { white-space:nowrap; }
.table-vcenter td { vertical-align:middle; }
.click-card { transition: transform .12s ease, box-shadow .12s ease; }
.click-card:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(24,36,51,.08); }
.pipeline-scroll { overflow-x:auto; padding-bottom:.5rem; }
.pipeline { display:grid; grid-template-columns:repeat(7,minmax(190px,1fr)); gap:.75rem; min-width:1400px; }
.pipeline-column { background:var(--tblr-bg-surface-secondary); border-radius:.75rem; padding:.75rem; min-height:280px; }
.pipeline-card { display:block; color:inherit; background:#fff; border:1px solid var(--tblr-border-color); border-radius:.6rem; padding:.75rem; margin-top:.65rem; text-decoration:none; }
.pipeline-card:hover { border-color:var(--tripofy); text-decoration:none; }
.mobile-actions { display:flex; gap:.4rem; flex-wrap:wrap; }
@media (max-width:767.98px){ .page-header .btn { width:100%; } .card-body { padding:1rem; } .mobile-hide { display:none; } .table-responsive .table { min-width:720px; } }
@media print { .navbar,.page-header,.footer,.d-print-none { display:none!important; } .page-body { margin:0; } }
