/* TradeGPT5 user fintech theme. Applied after the legacy dashboard stylesheet. */
:root{--ug-ink:#14213a;--ug-muted:#718096;--ug-line:#e6ebf2;--ug-bg:#f4f7fc;--ug-blue:#2458d3;--ug-blue-2:#4779e8;--ug-green:#12815d;--ug-shadow:0 12px 32px rgba(20,39,76,.07)}
body{background:var(--ug-bg);color:var(--ug-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.container-scroller{background:var(--ug-bg)}
.horizontal-menu{background:#fff;box-shadow:0 4px 18px rgba(20,35,65,.055);border-bottom:1px solid var(--ug-line);position:relative;z-index:20}
.top-navbar{background:#fff!important;border:0!important}.top-navbar .navbar-menu-wrapper{min-height:68px}.top-navbar .nav-profile-name{font-weight:700;color:var(--ug-ink)}.top-navbar .nav-profile img{border-radius:50%;object-fit:cover}
.bottom-navbar{background:#fff!important;border-top:1px solid var(--ug-line)}.bottom-navbar .page-navigation{display:flex;align-items:stretch;flex-wrap:wrap}.bottom-navbar .nav-item>.nav-link{padding:13px 12px;color:#52627b;font-size:12px;font-weight:700;transition:color .18s ease,background .18s ease}.bottom-navbar .nav-item>.nav-link:hover,.bottom-navbar .nav-item>.nav-link:focus{background:#f2f6ff;color:var(--ug-blue)}.bottom-navbar .menu-icon{color:var(--ug-blue);font-size:18px}
.page-body-wrapper{background:var(--ug-bg)}.main-panel{background:transparent}.content-wrapper{padding:24px 26px 12px}.page-body-wrapper .content-wrapper h3{color:var(--ug-ink);font-weight:800;letter-spacing:-.035em}
.card,.stretch-card>.card,.grid-margin>.card{border:1px solid var(--ug-line);border-radius:16px;background:#fff;box-shadow:var(--ug-shadow);overflow:hidden}.card .card-body{padding:22px}.card-title{font-weight:750;color:var(--ug-ink)}
.card.bg-primary,.bg-primary{background:linear-gradient(125deg,#173b91,#3268e2)!important;border:0!important}.card.sale-diffrence-border,.card.sale-visit-statistics-border{border-left:4px solid var(--ug-blue)!important}.card.sale-visit-statistics-border{border-left-color:var(--ug-green)!important}
.table-responsive{border:1px solid var(--ug-line);border-radius:13px;background:#fff}.table{background:#fff;color:var(--ug-ink)}.table thead th{background:#f6f8fc;color:#53637d;border-bottom:1px solid var(--ug-line);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:13px}.table td{padding:12px;vertical-align:middle;border-color:#edf1f6}.table-bordered{border:0}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{border:0;border-bottom:1px solid #edf1f6}
.form-control,select.form-control,textarea.form-control{border:1px solid #dce4ef;border-radius:10px;box-shadow:none;min-height:43px;color:var(--ug-ink)}.form-control:focus{border-color:#8eafff;box-shadow:0 0 0 3px rgba(36,88,211,.1)}label{font-weight:700;color:#34445f}.btn{border-radius:10px;font-weight:700;padding:10px 15px}.btn-primary{background:var(--ug-blue);border-color:var(--ug-blue)}.btn-primary:hover,.btn-primary:focus{background:#1946b5;border-color:#1946b5}
.ug-wrap{max-width:1220px;margin:0 auto;padding:22px 8px 38px;color:var(--ug-ink)}.ug-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.ug-head h2{font-weight:850;letter-spacing:-.04em;margin:0 0 6px;font-size:25px}.ug-muted{color:var(--ug-muted)}.ug-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.ug-card{background:#fff;border:1px solid var(--ug-line);border-radius:16px;padding:20px;box-shadow:var(--ug-shadow);min-width:0}.ug-card h5{font-weight:750;margin:0 0 12px}.ug-value{font-size:clamp(24px,3vw,34px);font-weight:850;letter-spacing:-.04em;margin:4px 0}.ug-label{font-size:11px;color:var(--ug-muted);text-transform:uppercase;letter-spacing:.09em;font-weight:750}.ug-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.ug-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;background:var(--ug-blue);color:#fff!important;font-weight:750;text-decoration:none!important;box-shadow:0 6px 14px rgba(36,88,211,.14)}.ug-btn.secondary{background:#eaf0ff;color:#234ba9!important;box-shadow:none}.ug-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.ug-btn:disabled{opacity:.55;cursor:not-allowed}.ug-table{width:100%;border-collapse:collapse}.ug-table th,.ug-table td{padding:12px 10px;border-bottom:1px solid var(--ug-line);text-align:left;font-size:14px}.ug-table th{color:var(--ug-muted);font-weight:750}.ug-form label{display:block;font-weight:750;margin:12px 0 6px}.ug-form input,.ug-form select,.ug-form textarea{width:100%;border:1px solid #dce3ee;border-radius:10px;padding:12px;background:#fff}.ug-alert{padding:13px 15px;border-radius:10px;background:#eef5ff;color:#234a86;margin:12px 0}.ug-alert.success{background:#eaf8f1;color:#176b49}.ug-alert.warning{background:#fff6e5;color:#805900}.ug-pill{display:inline-block;border-radius:20px;padding:5px 10px;background:#eef2f8;color:#43516a;font-size:12px;font-weight:750}.ug-card-visual{background:linear-gradient(125deg,#101c36,#254c91);color:#fff;border-radius:18px;padding:24px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 30px rgba(18,38,79,.2)}.ug-card-visual strong{font-size:19px;letter-spacing:.12em}.ug-empty{padding:24px;text-align:center;color:var(--ug-muted)}
@media(max-width:991px){.content-wrapper{padding:18px 16px 10px}.bottom-navbar .page-navigation{justify-content:flex-start}.bottom-navbar .nav-item>.nav-link{padding:10px 8px}}
@media(max-width:800px){.ug-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.content-wrapper{padding:14px 12px 8px}.ug-wrap{padding:14px 2px 28px}.ug-grid{grid-template-columns:1fr}.ug-head{display:block}.ug-head h2{font-size:22px}.ug-table{min-width:600px}.ug-actions .ug-btn{flex:1 1 calc(50% - 8px)}.card .card-body{padding:17px}.bottom-navbar .page-navigation{display:block;max-height:58vh;overflow:auto}.bottom-navbar .nav-item>.nav-link{padding:10px 12px}}
