/* Task2K redesign — calm fintech, clear hierarchy, mobile-first */
:root {
  --t2k-ink: #17263d;
  --t2k-navy: #10243e;
  --t2k-blue: #2867e8;
  --t2k-blue-dark: #174fc3;
  --t2k-mint: #12886b;
  --t2k-lime: #c7ef75;
  --t2k-bg: #f3f6fa;
  --t2k-surface: #ffffff;
  --t2k-muted: #63748b;
  --t2k-line: #e2e9f1;
  --t2k-radius: 20px;
  --t2k-shadow: 0 14px 38px rgba(20, 42, 72, .09);
}

html { scroll-behavior: smooth; }
body, button, input, select, textarea {
  font-family: 'Plus Jakarta Sans', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
body { color: var(--t2k-ink); }
a { transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; }
.btn, .form-control, .panel, .box, .navbar, .main-sidebar { transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; }

/* Public navigation */
#mainNav.navbar-default {
  min-height: 72px; background: rgba(255,255,255,.94) !important;
  border: 0 !important; border-bottom: 1px solid rgba(219,228,239,.9) !important;
  box-shadow: 0 6px 22px rgba(19,38,64,.05) !important; backdrop-filter: blur(14px);
}
#mainNav .container { min-height: 72px; display: flex; align-items: center; }
#mainNav .navbar-header { min-height: 72px; display: flex; align-items: center; }
#mainNav .navbar-brand { height: auto; padding-top: 8px !important; padding-bottom: 8px !important; }
#mainNav .task4k-brand-svg { height: 42px !important; filter: none !important; }
#mainNav .navbar-nav > li > a {
  color: #40536c !important; font-size: 13px; font-weight: 700; padding: 26px 15px;
}
#mainNav .navbar-nav > li > a:hover, #mainNav .navbar-nav > li.active > a { color: var(--t2k-blue) !important; background: transparent !important; }
#mainNav .navbar-toggle { border-color: var(--t2k-line) !important; border-radius: 12px; margin-top: 18px; }
#mainNav .navbar-toggle .icon-bar { background: var(--t2k-ink) !important; }
#mainNav .dropdown-menu { border: 1px solid var(--t2k-line); border-radius: 14px; box-shadow: var(--t2k-shadow); padding: 8px; }
#mainNav .dropdown-menu a { padding: 9px 14px; border-radius: 9px; }

/* Landing page */
.t2k-hero {
  position: relative; overflow: hidden; margin-top: 72px; color: #fff;
  background: linear-gradient(122deg, #10243e 0%, #153d69 58%, #1d5ea1 100%);
  padding: 76px 0 68px;
}
.t2k-hero::before, .t2k-hero::after { content: ''; position: absolute; border-radius: 50%; pointer-events: none; }
.t2k-hero::before { width: 520px; height: 520px; right: -155px; top: -270px; background: rgba(199,239,117,.15); }
.t2k-hero::after { width: 440px; height: 440px; left: 43%; bottom: -330px; background: rgba(67,147,255,.25); }
.t2k-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.08fr .92fr; gap: 54px; align-items: center; }
.t2k-hero-copy { max-width: 670px; }
.t2k-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 13px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.08); color: #d9e8ff; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.t2k-eyebrow i { color: var(--t2k-lime); }
.t2k-hero h1 { margin: 22px 0 17px; color: #fff; font-size: clamp(38px, 5vw, 62px); line-height: 1.08; letter-spacing: -.055em; font-weight: 800; }
.t2k-hero h1 span { color: var(--t2k-lime); }
.t2k-hero-copy > p { max-width: 590px; color: rgba(238,245,255,.8); font-size: 16px; line-height: 1.8; margin: 0 0 28px; }
.t2k-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.t2k-hero .btn { padding: 14px 21px; border-radius: 13px; font-weight: 800; font-size: 14px; }
.t2k-btn-lime { color: #18304a !important; background: var(--t2k-lime) !important; border: 1px solid var(--t2k-lime) !important; box-shadow: 0 8px 22px rgba(199,239,117,.2); }
.t2k-btn-lime:hover { color: #10243e !important; background: #d6f69a !important; transform: translateY(-2px); }
.t2k-btn-ghost { color: #fff !important; background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.3) !important; }
.t2k-btn-ghost:hover { background: rgba(255,255,255,.16) !important; transform: translateY(-2px); }
.t2k-hero-note { margin-top: 23px; color: rgba(226,238,255,.67); font-size: 12px; }
.t2k-hero-note i { color: var(--t2k-lime); margin-right: 6px; }
.t2k-hero-art { min-height: 350px; display: flex; align-items: center; justify-content: center; position: relative; }
.t2k-orbit { position: absolute; width: 310px; height: 310px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
.t2k-orbit::before, .t2k-orbit::after { content:''; position:absolute; border:1px solid rgba(255,255,255,.11); border-radius:50%; inset:28px; }
.t2k-orbit::after { inset:62px; }
.t2k-wallet-card { position: relative; z-index: 2; width: min(100%, 360px); padding: 25px; border: 1px solid rgba(255,255,255,.35); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(255,255,255,.07)); box-shadow: 0 26px 70px rgba(4,17,35,.3); backdrop-filter: blur(18px); transform: rotate(-3deg); }
.t2k-wallet-top { display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.75); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.t2k-wallet-mark { width: 36px; height: 36px; display:flex; align-items:center; justify-content:center; border-radius:12px; color:#173452; background:var(--t2k-lime); font-size:17px; }
.t2k-wallet-title { margin-top: 26px; color: rgba(255,255,255,.7); font-size: 13px; }
.t2k-wallet-value { margin: 5px 0 18px; color:#fff; font-size: 32px; line-height:1.2; font-weight:800; letter-spacing:-.04em; }
.t2k-wallet-progress { height: 8px; border-radius: 20px; background: rgba(255,255,255,.18); overflow:hidden; }
.t2k-wallet-progress span { display:block; width:68%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--t2k-lime),#8ee5c2); }
.t2k-wallet-footer { display:flex; justify-content:space-between; margin-top:13px; color:rgba(255,255,255,.7); font-size:11px; }
.t2k-float-chip { position:absolute; z-index:3; display:flex; align-items:center; gap:9px; padding:12px 15px; color:var(--t2k-ink); background:#fff; border-radius:14px; box-shadow:0 15px 36px rgba(4,17,35,.2); font-size:12px; font-weight:800; }
.t2k-float-chip i { width:30px; height:30px; display:flex; justify-content:center; align-items:center; color:var(--t2k-blue); background:#eaf1ff; border-radius:10px; font-size:14px; }
.t2k-float-chip-one { top:35px; right:0; }
.t2k-float-chip-two { bottom:28px; left:0; }
.t2k-section { padding: 76px 0; }
.t2k-section-soft { background: #f3f6fa; }
.t2k-section-white { background: #fff; }
.t2k-section-head { max-width: 720px; margin: 0 auto 38px; text-align:center; }
.t2k-kicker { color:var(--t2k-blue); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.t2k-section-title { margin:11px 0 10px; color:var(--t2k-ink); font-size:clamp(28px,3vw,40px); line-height:1.2; letter-spacing:-.045em; font-weight:800; }
.t2k-section-desc { color:var(--t2k-muted); font-size:15px; line-height:1.75; margin:0; }
.t2k-step-card, .t2k-rank-card, .t2k-task-card { height:100%; background:#fff; border:1px solid var(--t2k-line); border-radius:20px; box-shadow:0 10px 30px rgba(20,42,72,.045); }
.t2k-step-card { padding:25px; min-height:205px; }
.t2k-step-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:15px; color:var(--t2k-blue); background:#eaf1ff; font-size:19px; }
.t2k-step-number { float:right; color:#d7e1ee; font-weight:800; font-size:24px; }
.t2k-step-card h3 { margin:22px 0 8px; color:var(--t2k-ink); font-size:16px; font-weight:800; }
.t2k-step-card p { margin:0; color:var(--t2k-muted); font-size:13px; line-height:1.75; }
.t2k-rank-card { padding:24px 18px; text-align:center; border-top:3px solid var(--t2k-blue); }
.t2k-rank-medal { display:inline-block; padding:6px 11px; margin-bottom:12px; border-radius:999px; color:#815300; background:#fff3cd; font-size:11px; font-weight:800; }
.t2k-rank-avatar { width:54px; height:54px; display:flex; justify-content:center; align-items:center; margin:0 auto 12px; border-radius:50%; color:#fff; background:linear-gradient(145deg,#2867e8,#153f83); font-size:20px; font-weight:800; }
.t2k-rank-name { margin:0 0 5px; color:var(--t2k-ink); font-size:15px; font-weight:800; }
.t2k-rank-balance { color:var(--t2k-mint); font-size:21px; font-weight:800; }
.t2k-rank-meta { margin-top:6px; color:var(--t2k-muted); font-size:12px; }
.t2k-task-card { overflow:hidden; margin-bottom:20px; }
.t2k-task-card-head { display:flex; gap:12px; align-items:center; padding:18px; border-bottom:1px solid var(--t2k-line); }
.t2k-task-icon { width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:var(--t2k-blue); background:#eaf1ff; border-radius:12px; }
.t2k-task-card-head h3 { margin:0; color:var(--t2k-ink); font-size:14px; font-weight:800; }
.t2k-task-card-body { padding:18px; }
.t2k-task-reward { color:var(--t2k-mint); font-size:23px; font-weight:800; }
.t2k-task-info { margin:10px 0 16px; color:var(--t2k-muted); font-size:12px; line-height:1.7; }
.t2k-task-card .btn { border-radius:11px; font-weight:800; padding:10px 14px; }
.t2k-final-cta { padding:38px; border-radius:24px; color:#fff; background:linear-gradient(120deg,#10243e,#1e5da2); box-shadow:var(--t2k-shadow); }
.t2k-final-cta h2 { margin:0 0 8px; color:#fff; font-size:28px; font-weight:800; letter-spacing:-.04em; }
.t2k-final-cta p { margin:0; color:rgba(255,255,255,.76); line-height:1.7; }
.t2k-final-cta .btn { border-radius:12px; padding:13px 20px; font-weight:800; }

/* Authentication — split editorial composition */
body.login-page { display:block !important; min-height:100vh; padding:0 !important; margin:0; overflow-x:hidden; color:var(--t2k-ink) !important; background:#f3f6fa !important; background-image:radial-gradient(circle at 8% 12%,rgba(40,103,232,.07),transparent 28%),linear-gradient(135deg,#f6f8fb,#edf3f9) !important; }
body.login-page::before { display:none !important; }
.t2k-auth-shell { min-height:calc(100vh - 68px); max-width:1440px; margin:0 auto; padding:36px; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr); gap:44px; align-items:center; }
.t2k-auth-aside { position:relative; min-height:610px; padding:42px; overflow:hidden; border-radius:30px; color:#fff; background:linear-gradient(145deg,#10243e 0%,#164b7a 65%,#2673b9 100%); box-shadow:0 28px 70px rgba(20,42,72,.17); }
.t2k-auth-aside::before,.t2k-auth-aside::after { content:''; position:absolute; border:1px solid rgba(255,255,255,.14); border-radius:50%; pointer-events:none; }
.t2k-auth-aside::before { width:470px;height:470px;right:-160px;top:-145px; }
.t2k-auth-aside::after { width:340px;height:340px;right:-95px;top:-80px; }
.t2k-auth-brand { position:relative; z-index:1; display:inline-flex; align-items:center; padding:10px 13px; border:1px solid rgba(255,255,255,.22); border-radius:15px; background:rgba(255,255,255,.09); }
.t2k-auth-brand img { width:132px; height:auto; max-height:42px; object-fit:contain; }
.t2k-auth-copy { position:relative; z-index:1; max-width:520px; margin-top:65px; }
.t2k-auth-copy .t2k-eyebrow { color:#e0ebf8; }
.t2k-auth-copy h1 { margin:20px 0 14px; color:#fff; font-size:clamp(34px,4vw,52px); line-height:1.1; letter-spacing:-.05em; font-weight:800; }
.t2k-auth-copy h1 span { color:var(--t2k-lime); }
.t2k-auth-copy p { max-width:470px; color:rgba(239,246,255,.78); font-size:14px; line-height:1.8; }
.t2k-auth-benefits { display:grid; gap:12px; margin-top:30px; }
.t2k-auth-benefit { display:flex; align-items:center; gap:12px; color:#eff6ff; font-size:13px; font-weight:700; }
.t2k-auth-benefit i { width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(199,239,117,.16);color:var(--t2k-lime); }
.t2k-auth-art { position:absolute; right:38px; bottom:32px; width:170px; height:150px; opacity:.9; }
.t2k-auth-art span { position:absolute; display:block; border-radius:24px; }
.t2k-auth-art span:nth-child(1) { width:114px;height:114px;right:14px;bottom:3px;transform:rotate(11deg);background:linear-gradient(135deg,#c7ef75,#8ae3b5);box-shadow:0 18px 36px rgba(0,0,0,.18); }
.t2k-auth-art span:nth-child(2) { width:95px;height:95px;right:54px;bottom:29px;transform:rotate(-13deg);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(220,235,250,.86)); }
.t2k-auth-art span:nth-child(3) { width:48px;height:48px;right:79px;bottom:52px;display:flex;align-items:center;justify-content:center;color:#2867e8;font-size:24px;background:#fff; }
.t2k-auth-main { display:flex; justify-content:center; align-items:center; min-width:0; }
.login-box { width:100% !important; max-width:470px !important; margin:0 auto !important; animation:none !important; }
.login-box-body { padding:34px !important; border:1px solid #e3eaf2 !important; border-radius:24px !important; background:#fff !important; box-shadow:0 24px 65px rgba(20,42,72,.11) !important; color:var(--t2k-ink) !important; backdrop-filter:none !important; }
.login-box-body::before { height:4px !important; background:linear-gradient(90deg,var(--t2k-blue),#7fb4ff,var(--t2k-lime)) !important; }
.cb-auth-header { margin-bottom:22px !important; }
.cb-logo-badge { color:var(--t2k-blue) !important; background:#edf4ff !important; border:1px solid #d9e7ff !important; font-family:inherit !important; letter-spacing:.06em !important; }
.cb-logo-badge .status-dot { background:var(--t2k-mint) !important; box-shadow:none !important; }
.cb-brand-title { color:var(--t2k-ink) !important; font-size:25px !important; }
.cb-brand-title span { color:var(--t2k-blue) !important; text-shadow:none !important; }
.cb-brand-subtitle { color:var(--t2k-muted) !important; }
.cb-tab-nav { background:#f2f5f9 !important; border-color:#e6edf4 !important; }
.cb-tab-btn { color:#65758a !important; }
.cb-tab-btn:hover { color:var(--t2k-ink) !important; background:#e9eff7 !important; }
.cb-tab-btn.active { color:#fff !important; background:var(--t2k-blue) !important; box-shadow:none !important; }
.cb-tab-btn.active-signup { color:#173452 !important; background:var(--t2k-lime) !important; box-shadow:none !important; }
.cb-label { color:#354963 !important; }
.cb-label i { color:var(--t2k-blue) !important; }
.cb-input { color:var(--t2k-ink) !important; background:#f8fafc !important; border-color:#dce5ef !important; border-radius:12px !important; }
.cb-input::placeholder { color:#95a3b5 !important; }
.cb-input:focus { color:var(--t2k-ink) !important; background:#fff !important; border-color:var(--t2k-blue) !important; box-shadow:0 0 0 3px rgba(40,103,232,.12) !important; }
.cb-input-icon,.cb-btn-eye { color:#71829a !important; }
.cb-btn-eye:hover,.cb-input-wrapper:focus-within .cb-input-icon { color:var(--t2k-blue) !important; }
.cb-btn-submit { border-radius:12px !important; letter-spacing:0 !important; }
.cb-btn-submit-cyan { color:#fff !important; background:var(--t2k-blue) !important; box-shadow:0 8px 18px rgba(40,103,232,.2) !important; }
.cb-btn-submit-cyan:hover { color:#fff !important; background:var(--t2k-blue-dark) !important; box-shadow:0 10px 24px rgba(40,103,232,.25) !important; }
.cb-btn-submit-green { color:#153a31 !important; background:var(--t2k-lime) !important; box-shadow:0 8px 18px rgba(160,204,91,.2) !important; }
.cb-security-badge { color:var(--t2k-mint) !important; background:#eefaf5 !important; border-color:#ccecdf !important; font-family:inherit !important; }
.cb-link-cyan { color:var(--t2k-blue) !important; }
.login-page .alert-danger { color:#a93643 !important; background:#fff1f1 !important; border-color:#f4d0d3 !important; }
.login-page .alert-success { color:#167554 !important; background:#effaf5 !important; border-color:#ccecdf !important; }
.login-page footer { margin:0 auto; padding:17px 12px 22px; text-align:center; }
.login-page footer .container { color:#8492a5 !important; font:500 11px/1.6 'Plus Jakarta Sans',sans-serif !important; }

/* Shared application shell: member + admin */
body.t2k-member, body.t2k-admin { background:var(--t2k-bg) !important; color:var(--t2k-ink) !important; }
.t2k-member .content-wrapper, .t2k-admin .content-wrapper { min-height:100vh; padding-bottom:48px; background:var(--t2k-bg) !important; }
.t2k-member .content, .t2k-admin .content { padding:18px 24px 30px; }
.t2k-member .content-header, .t2k-admin .content-header { padding:24px 24px 12px !important; }
.t2k-member .content-header>h1, .t2k-admin .content-header>h1 { color:var(--t2k-ink) !important; font-size:24px !important; font-weight:800 !important; letter-spacing:-.04em; }
.t2k-member .breadcrumb, .t2k-admin .breadcrumb { background:transparent !important; color:#8796a9 !important; }
.t2k-member .breadcrumb>.active, .t2k-admin .breadcrumb>.active { color:#63748b !important; }
.t2k-member .main-header .navbar, .t2k-admin .main-header .navbar { min-height:60px; background:#fff !important; border-bottom:1px solid var(--t2k-line) !important; box-shadow:0 4px 16px rgba(20,42,72,.04) !important; }
.t2k-member .main-header .logo, .t2k-admin .main-header .logo { height:60px; background:#fff !important; color:var(--t2k-ink) !important; border-right:1px solid var(--t2k-line) !important; border-bottom:1px solid var(--t2k-line) !important; font-family:inherit !important; letter-spacing:-.04em; }
.t2k-member .main-header .logo-lg, .t2k-admin .main-header .logo-lg { line-height:60px; }
.t2k-member .main-header .logo-mini, .t2k-admin .main-header .logo-mini { line-height:60px; }
.t2k-member .main-header .navbar-custom-menu>.navbar-nav>li>a, .t2k-admin .main-header .navbar-custom-menu>.navbar-nav>li>a { color:#4b5d74 !important; }
.t2k-member .main-header .sidebar-toggle, .t2k-admin .main-header .sidebar-toggle { color:#52647d !important; padding:20px 18px; }
.t2k-member .main-sidebar { background:#fff !important; border-right:1px solid var(--t2k-line); box-shadow:4px 0 22px rgba(20,42,72,.035) !important; }
.t2k-admin .main-sidebar { background:#fff !important; border-right:1px solid var(--t2k-line) !important; box-shadow:4px 0 22px rgba(20,42,72,.035) !important; }
.t2k-member .sidebar-menu>li.header { color:#8b9ab0 !important; background:#fff !important; letter-spacing:.1em; font-size:10px !important; }
.t2k-admin .sidebar-menu>li.header { color:#8b9ab0 !important; background:#fff !important; letter-spacing:.1em; font-size:10px !important; }
.t2k-member .sidebar-menu>li>a { color:#53667f !important; border-left:3px solid transparent; }
.t2k-admin .sidebar-menu>li>a { color:#53667f !important; border-left:3px solid transparent; }
.t2k-member .sidebar-menu>li>a:hover, .t2k-member .sidebar-menu>li.active>a { color:var(--t2k-blue) !important; background:#edf4ff !important; border-left-color:var(--t2k-blue) !important; }
.t2k-admin .sidebar-menu>li>a:hover, .t2k-admin .sidebar-menu>li.active>a { color:var(--t2k-blue) !important; background:#edf4ff !important; border-left-color:var(--t2k-blue) !important; }
.t2k-member .sidebar-menu>li.active>a i { color:var(--t2k-blue) !important; text-shadow:none !important; }
.t2k-admin .sidebar-menu>li.active>a i { color:var(--t2k-blue) !important; text-shadow:none !important; }
.t2k-member .user-panel { border-bottom:1px solid var(--t2k-line) !important; background:#f7f9fc !important; }
.t2k-member .user-panel .info p { color:var(--t2k-ink) !important; }
.t2k-admin .user-panel { border-bottom:1px solid var(--t2k-line) !important; background:#f7f9fc !important; }
.t2k-admin .user-panel .info p { color:var(--t2k-ink) !important; }
.t2k-member .box, .t2k-member .panel, .t2k-member .well,
.t2k-admin .box, .t2k-admin .panel, .t2k-admin .well {
  color:var(--t2k-ink) !important; background:#fff !important; border:1px solid var(--t2k-line) !important;
  border-radius:18px !important; box-shadow:0 10px 28px rgba(20,42,72,.045) !important;
}
.t2k-member .box-header, .t2k-member .panel-heading, .t2k-admin .box-header, .t2k-admin .panel-heading { color:var(--t2k-ink) !important; background:#fff !important; border-bottom:1px solid var(--t2k-line) !important; }
.t2k-member .box-header .box-title, .t2k-member .panel-title, .t2k-admin .box-header .box-title, .t2k-admin .panel-title { color:var(--t2k-ink) !important; font-weight:800 !important; }
.t2k-member .box-body, .t2k-member .panel-body, .t2k-admin .box-body, .t2k-admin .panel-body { color:#344963 !important; background:#fff !important; }
.t2k-member .box-footer, .t2k-member .panel-footer, .t2k-admin .box-footer, .t2k-admin .panel-footer { color:var(--t2k-muted) !important; background:#f8fafc !important; border-top:1px solid var(--t2k-line) !important; }
.t2k-member .form-control, .t2k-admin .form-control { min-height:40px; color:var(--t2k-ink) !important; background:#fff !important; border:1px solid #d7e1ec !important; border-radius:10px !important; box-shadow:none !important; }
.t2k-member .form-control:focus, .t2k-admin .form-control:focus { border-color:var(--t2k-blue) !important; box-shadow:0 0 0 3px rgba(40,103,232,.1) !important; }
.t2k-member .input-group-addon, .t2k-admin .input-group-addon { color:#61738a !important; background:#f4f7fa !important; border-color:#d7e1ec !important; }
.t2k-member .table, .t2k-member .table-striped, .t2k-member .table-bordered, .t2k-member .table-hover,
.t2k-admin .table, .t2k-admin .table-striped, .t2k-admin .table-bordered, .t2k-admin .table-hover { color:#334963 !important; background:#fff !important; border-color:var(--t2k-line) !important; }
.t2k-member .table>thead>tr>th, .t2k-admin .table>thead>tr>th { color:#526984 !important; background:#f5f8fb !important; border-color:var(--t2k-line) !important; font-family:inherit !important; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.t2k-member .table>tbody>tr>td, .t2k-admin .table>tbody>tr>td { color:#344963 !important; border-color:#edf1f5 !important; vertical-align:middle !important; }
.t2k-member .table-striped>tbody>tr:nth-of-type(odd), .t2k-admin .table-striped>tbody>tr:nth-of-type(odd) { background:#fafbfd !important; }
.t2k-member .table-hover>tbody>tr:hover, .t2k-admin .table-hover>tbody>tr:hover { background:#f1f6ff !important; }
.t2k-member .btn, .t2k-admin .btn { border-radius:10px !important; font-weight:700; box-shadow:none !important; }
.t2k-member .btn-primary, .t2k-admin .btn-primary { color:#fff !important; background:var(--t2k-blue) !important; border-color:var(--t2k-blue) !important; }
.t2k-member .btn-primary:hover, .t2k-admin .btn-primary:hover { background:var(--t2k-blue-dark) !important; border-color:var(--t2k-blue-dark) !important; }
.t2k-member .btn-success, .t2k-admin .btn-success { color:#fff !important; background:var(--t2k-mint) !important; border-color:var(--t2k-mint) !important; }
.t2k-member .btn-warning, .t2k-admin .btn-warning { color:#3d4c22 !important; background:var(--t2k-lime) !important; border-color:var(--t2k-lime) !important; }
.t2k-member .btn-default, .t2k-admin .btn-default { color:#445973 !important; background:#f2f6fa !important; border-color:#dce5ef !important; }
.t2k-member .btn-danger, .t2k-admin .btn-danger { color:#fff !important; background:#d95662 !important; border-color:#d95662 !important; }
.t2k-member .label, .t2k-admin .label { border-radius:999px; padding:.35em .7em; }
.t2k-member .modal-content, .t2k-admin .modal-content { color:var(--t2k-ink) !important; background:#fff !important; border:1px solid var(--t2k-line) !important; border-radius:18px !important; box-shadow:var(--t2k-shadow) !important; }
.t2k-member .modal-header, .t2k-admin .modal-header { background:#f7f9fc !important; border-bottom:1px solid var(--t2k-line) !important; }
.t2k-member .modal-header h4, .t2k-admin .modal-header h4 { color:var(--t2k-ink) !important; }
.t2k-member .modal-footer, .t2k-admin .modal-footer { background:#f7f9fc !important; border-top:1px solid var(--t2k-line) !important; }
.t2k-member .main-footer, .t2k-admin .main-footer { color:#8492a5 !important; background:#fff !important; border-top:1px solid var(--t2k-line) !important; padding:16px 24px !important; }
.t2k-admin .navbar-switch-pill { color:var(--t2k-blue) !important; background:#edf4ff !important; border-color:#d6e5ff !important; box-shadow:none !important; }
.t2k-admin .navbar-switch-pill:hover { background:#e2edff !important; }
.t2k-member .navbar-custom-menu .navbar-nav>li>a[style*="rgba(244, 63, 94"] { color:var(--t2k-blue) !important; background:#edf4ff !important; border:1px solid #d6e5ff !important; }
.t2k-member .navbar-custom-menu .navbar-nav>li>a[style*="rgba(244, 63, 94"]:hover { background:#e2edff !important; }
.t2k-member .navbar-custom-menu .dropdown-menu { color:var(--t2k-ink) !important; background:#fff !important; border:1px solid var(--t2k-line) !important; border-radius:16px !important; box-shadow:var(--t2k-shadow) !important; }
.t2k-member .navbar-custom-menu .dropdown-menu>.user-header { background:linear-gradient(135deg,#f3f7ff,#eaf1ff) !important; }
.t2k-member .navbar-custom-menu .dropdown-menu>.user-header p { color:var(--t2k-ink) !important; }
.t2k-member .navbar-custom-menu .dropdown-menu>.user-header i { color:var(--t2k-blue) !important; }
.t2k-member .navbar-custom-menu .dropdown-menu>.user-header small { color:var(--t2k-muted) !important; }
.t2k-member .navbar-custom-menu .dropdown-menu>.user-footer { background:#fff !important; }
.t2k-member .user-panel .image i { color:var(--t2k-blue) !important; }
.t2k-admin .main-header .logo-lg b, .t2k-admin .main-header .logo-mini b,
.t2k-member .main-header .logo-lg b, .t2k-member .main-header .logo-mini b { color:var(--t2k-blue) !important; }
.t2k-member .mobile-bottom-nav { background:rgba(255,255,255,.97) !important; border-top:1px solid var(--t2k-line) !important; box-shadow:0 -8px 24px rgba(20,42,72,.07) !important; backdrop-filter:blur(14px); }
.t2k-member .mobile-nav-item { color:#7b8ba0 !important; }
.t2k-member .mobile-nav-item.active, .t2k-member .mobile-nav-item:hover, .t2k-member .mobile-nav-item.active i { color:var(--t2k-blue) !important; }
.t2k-admin .mobile-bottom-nav { background:#fff !important; border-top:1px solid var(--t2k-line) !important; }

/* Footer, notices, assistant widgets */
.copyright-container { padding:22px 0; color:#8492a5; background:#fff; border-top:1px solid var(--t2k-line); font-size:12px; }
.copyright-container a { color:#536984; }
.copyright-container a:hover { color:var(--t2k-blue); }
.alert { border-radius:12px !important; }
#task4kAntiVpnBackdrop > div { border-radius:22px !important; }

@media (max-width: 991px) {
  .t2k-hero-grid { grid-template-columns:1fr .78fr; gap:24px; }
  .t2k-auth-shell { gap:24px; padding:24px; }
  .t2k-auth-aside { min-height:560px; padding:32px; }
  .t2k-auth-art { opacity:.65; right:18px; }
}
@media (max-width: 767px) {
  #mainNav .container { display:block; }
  #mainNav .navbar-header { display:block; min-height:64px; }
  #mainNav .navbar-brand { padding-left:8px !important; }
  #mainNav .navbar-collapse { border-top:1px solid var(--t2k-line) !important; background:#fff; box-shadow:0 12px 18px rgba(20,42,72,.06); }
  #mainNav .navbar-nav>li>a { padding:13px 16px; }
  .t2k-hero { margin-top:64px; padding:54px 0 48px; }
  .t2k-hero-grid { grid-template-columns:1fr; gap:18px; }
  .t2k-hero h1 { font-size:40px; }
  .t2k-hero-art { min-height:285px; }
  .t2k-wallet-card { width:min(82%,340px); }
  .t2k-float-chip-one { right:2%; top:18px; }
  .t2k-float-chip-two { left:1%; bottom:10px; }
  .t2k-section { padding:54px 0; }
  .t2k-final-cta { padding:26px 22px; }
  .t2k-auth-shell { display:block; min-height:auto; padding:20px 14px 0; }
  .t2k-auth-aside { display:none; }
  .t2k-auth-main { display:block; }
  .login-box { max-width:480px !important; }
  .login-box-body { padding:27px 21px !important; border-radius:20px !important; }
  .login-page footer { padding-bottom:18px; }
  .t2k-member .content, .t2k-admin .content { padding:12px 12px 82px; }
  .t2k-member .content-header, .t2k-admin .content-header { padding:17px 14px 8px !important; }
  .t2k-member .content-header>h1, .t2k-admin .content-header>h1 { font-size:20px !important; }
  .t2k-member .main-footer, .t2k-admin .main-footer { padding:13px 14px 74px !important; }
  .t2k-member .table-responsive, .t2k-admin .table-responsive { border:0; }
  .t2k-member .box, .t2k-member .panel, .t2k-admin .box, .t2k-admin .panel { border-radius:15px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}


/* Public content pages (terms, privacy and other inner pages) */
body.inner-page {
  color: var(--t2k-ink);
  background: var(--t2k-bg);
  padding-top: 72px !important;
  overflow-x: hidden;
}
body.inner-page > header {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 48px 0 36px !important;
  color: #fff;
  background: linear-gradient(122deg, #10243e 0%, #153d69 58%, #1d5ea1 100%) !important;
}
body.inner-page > header .intro-text {
  padding: 0 !important;
  margin: 0 !important;
}
body.inner-page > header .intro-lead-in {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(30px, 4vw, 44px) !important;
  line-height: 1.12 !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: -.045em;
}
body.inner-page #services {
  padding: 34px 0 68px !important;
  background: var(--t2k-bg) !important;
}
body.inner-page #services > .container {
  width: 100%;
  max-width: 1020px;
}
body.inner-page .legal-document-container {
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 48px);
  color: var(--t2k-ink);
  background: #fff;
  border: 1px solid var(--t2k-line);
  border-radius: 22px;
  box-shadow: var(--t2k-shadow);
  line-height: 1.8;
}
body.inner-page .legal-header-box {
  margin-bottom: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--t2k-line);
}
body.inner-page .legal-header-box h2 {
  margin: 0 0 8px;
  color: var(--t2k-ink);
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  line-height: 1.25;
}
body.inner-page .legal-document-container .legal-section h3 {
  margin: 28px 0 9px;
  color: var(--t2k-ink);
  font-size: 17px;
  font-weight: 800;
}
body.inner-page .legal-document-container p,
body.inner-page .legal-document-container li {
  color: #53657b;
  line-height: 1.8;
}
body.inner-page .legal-document-container a {
  color: var(--t2k-blue);
  font-weight: 700;
}
body.inner-page .copyright-container {
  color: #8492a5;
  background: #fff;
  border-top: 1px solid var(--t2k-line);
}
@media (max-width: 767px) {
  body.inner-page { padding-top: 64px !important; }
  body.inner-page > header { padding: 34px 0 28px !important; }
  body.inner-page #services { padding: 20px 0 42px !important; }
  body.inner-page .legal-document-container { border-radius: 16px; padding: 22px 18px; }
}


/* Normalize the legacy theme's large navbar spacing and keep desktop links right-aligned. */
#mainNav.navbar-default {
  padding: 0 !important;
  margin: 0 !important;
}
@media (min-width: 768px) {
  #mainNav .navbar-collapse { flex: 1 1 auto; min-width: 0; }
  #mainNav .navbar-nav { float: right !important; }
}


/* Task2K app-shell v2: rebuild the member/admin page hierarchy, not just recolor it. */
body.t2k-member, body.t2k-admin { background:#f3f6fa !important; }
body.t2k-member .wrapper, body.t2k-admin .wrapper { min-height:100vh; background:#f3f6fa !important; }
body.t2k-member .main-header, body.t2k-admin .main-header {
  position:sticky !important; top:0; z-index:1030; display:flex !important;
  width:100%; height:68px; min-height:68px; max-height:none !important;
  background:rgba(255,255,255,.96) !important; border-bottom:1px solid #e2e9f1;
  box-shadow:0 6px 24px rgba(18,43,74,.07); backdrop-filter:blur(16px);
}
body.t2k-member .main-header .logo, body.t2k-admin .main-header .logo {
  position:relative !important; inset:auto !important; float:none !important; flex:0 0 248px;
  width:248px; height:68px; display:flex; align-items:center; justify-content:center;
  padding:0 18px; text-align:left; border:0 !important; border-right:1px solid #e7edf4 !important;
  background:#fff !important; color:#17263d !important;
}
body.t2k-member .main-header .logo-lg, body.t2k-admin .main-header .logo-lg {
  display:block !important; line-height:1.1 !important; font-size:19px; white-space:nowrap;
}
body.t2k-member .main-header .navbar, body.t2k-admin .main-header .navbar {
  position:relative !important; float:none !important; flex:1 1 auto; display:flex; align-items:center;
  width:auto; height:68px; min-height:68px; margin:0 !important; padding:0 14px;
  border:0 !important; background:transparent !important; box-shadow:none !important;
}
body.t2k-member .main-header .sidebar-toggle, body.t2k-admin .main-header .sidebar-toggle {
  display:flex; align-items:center; justify-content:center; height:68px; padding:0 18px !important;
  color:#526984 !important; border-radius:12px;
}
body.t2k-member .main-header .navbar-custom-menu, body.t2k-admin .main-header .navbar-custom-menu {
  position:relative !important; top:auto !important; right:auto !important; float:none !important;
  height:68px; margin-left:auto;
}
body.t2k-member .main-header .navbar-custom-menu>.navbar-nav,
body.t2k-admin .main-header .navbar-custom-menu>.navbar-nav {
  display:flex; align-items:center; height:68px; margin:0;
}
body.t2k-member .main-header .navbar-custom-menu>.navbar-nav>li>a,
body.t2k-admin .main-header .navbar-custom-menu>.navbar-nav>li>a {
  display:flex; align-items:center; height:68px; padding:0 14px !important;
  color:#526984 !important; font-weight:700;
}
body.t2k-member .main-sidebar, body.t2k-admin .main-sidebar {
  position:fixed !important; top:68px !important; bottom:0; left:0; z-index:810;
  width:248px; min-height:0 !important; padding-top:0 !important; overflow-y:auto;
  background:#fff !important; border-right:1px solid #e2e9f1 !important;
}
body.t2k-member .content-wrapper, body.t2k-admin .content-wrapper {
  min-height:calc(100vh - 68px) !important; margin-left:248px !important; margin-top:0 !important;
  padding-bottom:72px !important; background:#f3f6fa !important;
}
body.t2k-member .main-footer, body.t2k-admin .main-footer { margin-left:248px !important; }
body.t2k-member .content-header, body.t2k-admin .content-header {
  margin:22px 26px 0; padding:25px 30px 22px !important; overflow:hidden;
  color:#fff !important; background:linear-gradient(112deg,#102f5d 0%,#2867e8 72%,#4f8df5 100%) !important;
  border:0 !important; border-radius:22px; box-shadow:0 16px 36px rgba(40,103,232,.19);
}
body.t2k-member .content-header>h1, body.t2k-admin .content-header>h1 {
  margin:0; color:#fff !important; font-size:26px !important; line-height:1.25;
  font-weight:800 !important; letter-spacing:-.035em;
}
body.t2k-member .content-header>h1::before, body.t2k-admin .content-header>h1::before {
  display:block; margin-bottom:7px; color:rgba(255,255,255,.74); font-size:10px;
  line-height:1.2; font-weight:800; letter-spacing:.16em; content:"TÀI KHOẢN THÀNH VIÊN";
}
body.t2k-admin .content-header>h1::before { content:"TRUNG TÂM QUẢN TRỊ"; }
body.t2k-member .content-header .breadcrumb, body.t2k-admin .content-header .breadcrumb {
  margin:10px 0 0; padding:0; color:rgba(255,255,255,.78) !important; background:transparent !important;
}
body.t2k-member .content-header .breadcrumb a, body.t2k-admin .content-header .breadcrumb a { color:rgba(255,255,255,.82) !important; }
body.t2k-member .content-header .breadcrumb>.active, body.t2k-admin .content-header .breadcrumb>.active { color:#fff !important; }
body.t2k-member .content-header .breadcrumb>li+li:before, body.t2k-admin .content-header .breadcrumb>li+li:before { color:rgba(255,255,255,.55) !important; }
body.t2k-member .content, body.t2k-admin .content { padding:20px 26px 34px !important; }
body.t2k-member .mobile-bottom-nav, body.t2k-admin .mobile-bottom-nav {
  z-index:1040; min-height:68px; border-radius:20px 20px 0 0;
}
@media (max-width: 991px) and (min-width: 768px) {
  body.t2k-member .main-header .logo, body.t2k-admin .main-header .logo { flex-basis:220px; width:220px; }
  body.t2k-member .main-sidebar, body.t2k-admin .main-sidebar { width:220px; }
  body.t2k-member .content-wrapper, body.t2k-admin .content-wrapper { margin-left:220px !important; }
  body.t2k-member .main-footer, body.t2k-admin .main-footer { margin-left:220px !important; }
}
@media (max-width: 767px) {
  body.t2k-member .main-header, body.t2k-admin .main-header { height:62px; min-height:62px; }
  body.t2k-member .main-header .logo, body.t2k-admin .main-header .logo {
    flex:0 0 auto; width:auto !important; height:62px; padding:0 4px 0 14px;
    border:0 !important; text-align:left;
  }
  body.t2k-member .main-header .logo-lg, body.t2k-admin .main-header .logo-lg { font-size:16px; line-height:1 !important; }
  body.t2k-member .main-header .logo-mini, body.t2k-admin .main-header .logo-mini { display:none !important; }
  body.t2k-member .main-header .navbar, body.t2k-admin .main-header .navbar {
    flex:1 1 auto; width:auto; height:62px; min-height:62px; padding:0 6px;
  }
  body.t2k-member .main-header .sidebar-toggle, body.t2k-admin .main-header .sidebar-toggle {
    width:42px; height:62px; padding:0 !important; font-size:16px;
  }
  body.t2k-member .main-header .navbar-custom-menu, body.t2k-admin .main-header .navbar-custom-menu { height:62px; }
  body.t2k-member .main-header .navbar-custom-menu>.navbar-nav,
  body.t2k-admin .main-header .navbar-custom-menu>.navbar-nav { height:62px; }
  body.t2k-member .main-header .navbar-custom-menu>.navbar-nav>li>a,
  body.t2k-admin .main-header .navbar-custom-menu>.navbar-nav>li>a { height:62px; padding:0 8px !important; }
  body.t2k-member .main-header .navbar-custom-menu>.navbar-nav>li:first-child { display:none; }
  body.t2k-member .main-header .navbar-custom-menu>ul>li>a[style*="rgba(244, 63, 94"] { width:34px; height:34px; justify-content:center; padding:0 !important; margin:0 4px !important; border-radius:12px !important; }
  body.t2k-member .main-header .navbar-custom-menu>ul>li>a[style*="rgba(244, 63, 94"] span { display:none !important; }
  body.t2k-member .main-header .navbar-custom-menu .user-menu>a { padding:0 6px !important; }
  body.t2k-member .main-sidebar, body.t2k-admin .main-sidebar { top:62px !important; width:min(280px,86vw); }
  body.t2k-member .content-wrapper, body.t2k-admin .content-wrapper { min-height:calc(100vh - 62px) !important; margin-left:0 !important; padding-bottom:92px !important; }
  body.t2k-member .main-footer, body.t2k-admin .main-footer { margin-left:0 !important; padding-bottom:92px !important; }
  body.t2k-member .content-header, body.t2k-admin .content-header { margin:12px 12px 0; padding:18px 18px 16px !important; border-radius:18px; }
  body.t2k-member .content-header>h1, body.t2k-admin .content-header>h1 { font-size:21px !important; }
  body.t2k-member .content-header>h1::before, body.t2k-admin .content-header>h1::before { font-size:9px; }
  body.t2k-member .content-header .breadcrumb, body.t2k-admin .content-header .breadcrumb { margin-top:8px; font-size:11px; white-space:nowrap; overflow-x:auto; }
  body.t2k-member .content, body.t2k-admin .content { padding:14px 12px 28px !important; }
  body.t2k-member #task4kChatLauncher, body.t2k-admin #task4kChatLauncher { right:14px !important; bottom:78px !important; }
}


/* Sidebar becomes a compact navigation rail rather than the stock AdminLTE list. */
body.t2k-member .sidebar, body.t2k-admin .sidebar { padding-top:8px !important; }
body.t2k-member .user-panel, body.t2k-admin .user-panel {
  margin:12px 12px 16px !important; padding:13px 12px !important; border:1px solid #e6edf5 !important;
  border-radius:16px; background:#f7f9fc !important;
}
body.t2k-member .sidebar-menu, body.t2k-admin .sidebar-menu { margin:0 10px 18px !important; padding:0 !important; }
body.t2k-member .sidebar-menu>li.header, body.t2k-admin .sidebar-menu>li.header {
  margin:14px 4px 7px !important; padding:8px 8px 5px !important; border:0 !important;
  background:transparent !important; font-size:9px !important; font-weight:800; letter-spacing:.14em;
}
body.t2k-member .sidebar-menu>li>a, body.t2k-admin .sidebar-menu>li>a {
  display:flex; align-items:center; min-height:44px; margin:3px 0; padding:0 12px !important;
  border:0 !important; border-radius:12px; font-size:13px; font-weight:700;
}
body.t2k-member .sidebar-menu>li>a>i, body.t2k-admin .sidebar-menu>li>a>i { width:21px; margin-right:9px; font-size:15px; text-align:center; }
body.t2k-member .sidebar-menu>li.active>a, body.t2k-admin .sidebar-menu>li.active>a { box-shadow:inset 0 0 0 1px #dce9ff; }
@media (max-width: 767px) {
  body.t2k-member:not(.sidebar-open) .main-sidebar, body.t2k-admin:not(.sidebar-open) .main-sidebar { transform:translateX(-105%) !important; }
  body.t2k-member.sidebar-open .main-sidebar, body.t2k-admin.sidebar-open .main-sidebar { transform:translateX(0) !important; box-shadow:14px 0 40px rgba(15,35,66,.18) !important; }
}


/* ============================================================================
   TASK2K V4 — DISTINCT WORKSPACE SYSTEM
   Member: warm editorial workspace. Admin: operations console.
   ============================================================================ */
:root {
  --t2k-paper: #f5f3ed;
  --t2k-white: #fffefa;
  --t2k-ink: #17251f;
  --t2k-muted: #69766f;
  --t2k-line: #dedfd7;
  --t2k-green: #176b53;
  --t2k-green-light: #e3f2e9;
  --t2k-orange: #f0a34a;
  --t2k-shadow: 0 12px 32px rgba(28, 43, 35, .07);
}

/* MEMBER — editorial light workspace, green/cream/orange */
body.t2k-member { background: var(--t2k-paper) !important; color: var(--t2k-ink) !important; }
body.t2k-member .main-header .navbar,
body.t2k-member .main-header .logo { background: var(--t2k-white) !important; color: var(--t2k-ink) !important; border-color: var(--t2k-line) !important; box-shadow: none !important; }
body.t2k-member .main-header { box-shadow: 0 2px 12px rgba(25,40,31,.05); }
body.t2k-member .main-header .logo b { color: var(--t2k-green) !important; }
body.t2k-member .main-header .logo small { color: #d28537 !important; }
body.t2k-member .main-header .navbar-nav > li > a,
body.t2k-member .main-header .sidebar-toggle { color: #52635a !important; }
body.t2k-member .main-header .navbar-nav > li > a:hover { background: #f2f4ee !important; color: var(--t2k-green) !important; }
body.t2k-member .main-sidebar { background: #f0efe8 !important; border-right: 1px solid var(--t2k-line) !important; box-shadow: none !important; }
body.t2k-member .sidebar-menu > li.header { background: transparent !important; color: #89928b !important; letter-spacing: .12em; font-size: 10px !important; }
body.t2k-member .sidebar-menu > li > a { color: #536159 !important; margin: 3px 10px; padding: 12px 13px !important; border: 0 !important; border-radius: 11px; }
body.t2k-member .sidebar-menu > li > a:hover,
body.t2k-member .sidebar-menu > li.active > a { background: #dfece2 !important; color: #145c48 !important; border: 0 !important; }
body.t2k-member .sidebar-menu > li > a i { color: #71857a !important; }
body.t2k-member .user-panel { background: transparent !important; border-bottom-color: var(--t2k-line) !important; }
body.t2k-member .user-panel .info p { color: var(--t2k-ink) !important; }
body.t2k-member .content-wrapper { background: var(--t2k-paper) !important; }
body.t2k-member .content-header { padding: 27px 30px 7px !important; }
body.t2k-member .content-header > h1 { color: var(--t2k-ink) !important; font-size: 27px !important; font-weight: 800 !important; letter-spacing: -.045em; }
body.t2k-member .content-header .breadcrumb { color: #89928b !important; }
body.t2k-member .content { padding: 12px 30px 35px; }
body.t2k-member .box,
body.t2k-member .panel,
body.t2k-member .well { background: var(--t2k-white) !important; border: 1px solid var(--t2k-line) !important; border-radius: 18px !important; box-shadow: var(--t2k-shadow) !important; }
body.t2k-member .box-header,
body.t2k-member .panel-heading { background: #fbfaf6 !important; border-color: var(--t2k-line) !important; }
body.t2k-member .form-control { background: #fff !important; border-color: #d8ddd5 !important; color: var(--t2k-ink) !important; border-radius: 11px !important; box-shadow: none !important; }
body.t2k-member .form-control:focus { border-color: var(--t2k-green) !important; box-shadow: 0 0 0 3px rgba(23,107,83,.12) !important; }
body.t2k-member .btn-primary { background: var(--t2k-green) !important; border-color: var(--t2k-green) !important; color: #fff !important; }
body.t2k-member .btn-success { background: #e1f0e6 !important; border-color: #cae3d2 !important; color: #155e48 !important; }
body.t2k-member .main-footer { background: transparent !important; border-color: var(--t2k-line) !important; color: #7d8981 !important; }
body.t2k-member .mobile-bottom-nav { background: rgba(255,254,250,.97) !important; border-top: 1px solid var(--t2k-line) !important; box-shadow: 0 -8px 24px rgba(28,43,35,.07) !important; }
body.t2k-member .mobile-nav-item { color: #77827b !important; }
body.t2k-member .mobile-nav-item.active { color: var(--t2k-green) !important; }

/* ADMIN — separate operations console, ink/navy + crisp blue */
body.t2k-admin { background: #edf1f5 !important; color: #19283a !important; }
body.t2k-admin .main-header .navbar,
body.t2k-admin .main-header .logo { background: #fff !important; color: #17283b !important; border-color: #dbe2e9 !important; box-shadow: none !important; }
body.t2k-admin .main-header { box-shadow: 0 2px 12px rgba(25,40,55,.05); }
body.t2k-admin .main-header .logo b { color: #244f83 !important; }
body.t2k-admin .main-header .logo small { color: #6a7888 !important; }
body.t2k-admin .main-header .navbar-nav > li > a,
body.t2k-admin .main-header .sidebar-toggle { color: #526276 !important; }
body.t2k-admin .main-sidebar { background: #17283b !important; border-right: 0 !important; box-shadow: 5px 0 22px rgba(18,35,55,.12) !important; }
body.t2k-admin .sidebar-menu > li.header { background: transparent !important; color: #91a4ba !important; font-family: inherit !important; letter-spacing: .12em; font-size: 10px !important; }
body.t2k-admin .sidebar-menu > li > a { color: #c7d3df !important; margin: 3px 10px; padding: 11px 13px !important; border: 0 !important; border-radius: 10px; }
body.t2k-admin .sidebar-menu > li > a:hover,
body.t2k-admin .sidebar-menu > li.active > a { color: #fff !important; background: #29445f !important; border: 0 !important; }
body.t2k-admin .sidebar-menu > li.active > a i { color: #8fc1ff !important; text-shadow: none !important; }
body.t2k-admin .content-wrapper { background: #edf1f5 !important; }
body.t2k-admin .content-header { padding: 24px 28px 6px !important; }
body.t2k-admin .content-header > h1 { color: #1b2b3f !important; font-family: inherit !important; font-size: 25px !important; font-weight: 800 !important; letter-spacing: -.04em; }
body.t2k-admin .content-header > h1 small { color: #5479a3 !important; font-family: inherit !important; }
body.t2k-admin .content { padding: 12px 28px 34px; }
body.t2k-admin .box, body.t2k-admin .panel, body.t2k-admin .well { background: #fff !important; border: 1px solid #dce3ea !important; border-radius: 15px !important; box-shadow: 0 8px 24px rgba(29,48,69,.06) !important; }
body.t2k-admin .box-header, body.t2k-admin .panel-heading { background: #f7f9fb !important; border-color: #e1e7ed !important; }
body.t2k-admin .form-control, body.t2k-admin input, body.t2k-admin textarea, body.t2k-admin select { background: #fff !important; color: #1b2b3f !important; border-color: #d5dee7 !important; border-radius: 9px !important; box-shadow: none !important; }
body.t2k-admin .form-control:focus { border-color: #527eaf !important; box-shadow: 0 0 0 3px rgba(82,126,175,.12) !important; }
body.t2k-admin .btn-primary { background: #315f91 !important; border-color: #315f91 !important; color: #fff !important; }
body.t2k-admin .btn-default { background: #f5f7f9 !important; border-color: #dbe2e9 !important; color: #34485e !important; }
body.t2k-admin .modal-content, body.t2k-admin .modal-header, body.t2k-admin .modal-footer { background: #fff !important; color: #1b2b3f !important; border-color: #e1e7ed !important; box-shadow: 0 16px 48px rgba(20,35,50,.18) !important; }
body.t2k-admin .modal-title, body.t2k-admin .modal-header label { color: #1b2b3f !important; }
body.t2k-admin code, body.t2k-admin kbd, body.t2k-admin pre, body.t2k-admin samp { background: #f0f4f8 !important; color: #315f91 !important; border-color: #dbe3ec !important; }
body.t2k-admin .main-footer { background: transparent !important; border-color: #dbe2e9 !important; color: #738194 !important; }

/* Admin API-management page: crisp operations cards instead of neon HUD */
body.t2k-admin .cb-hud-card { background:#fff !important; border:1px solid #dce3ea !important; border-left:4px solid #6a91bc !important; border-radius:14px !important; box-shadow:0 7px 20px rgba(29,48,69,.055) !important; }
body.t2k-admin .cb-hud-card:hover { border-color:#a8bfd8 !important; transform:translateY(-2px); box-shadow:0 12px 26px rgba(29,48,69,.09) !important; }
body.t2k-admin .cb-hud-cyan, body.t2k-admin .cb-hud-purple, body.t2k-admin .cb-hud-amber, body.t2k-admin .cb-hud-red, body.t2k-admin .cb-hud-green, body.t2k-admin .cb-hud-blue { border-left-color:#638bb7 !important; }
body.t2k-admin .cb-hud-title { color:#65758a !important; font-family:inherit !important; font-size:11px !important; letter-spacing:.08em !important; }
body.t2k-admin .cb-hud-value, body.t2k-admin .cb-hud-value[style] { color:#20354b !important; font-family:inherit !important; letter-spacing:-.04em !important; }
body.t2k-admin .cb-hud-value small { color:#78899c !important; }
body.t2k-admin .cb-hud-desc, body.t2k-admin .cb-hud-desc[style] { color:#718196 !important; font-family:inherit !important; }
body.t2k-admin .cb-hud-desc a, body.t2k-admin .cb-hud-desc a[style] { color:#315f91 !important; }
body.t2k-admin .cb-action-bar { padding:12px 0; }
body.t2k-admin .cb-btn-cyber, body.t2k-admin .cb-btn-cyber:hover { border-radius:10px !important; box-shadow:none !important; font-family:inherit !important; }
body.t2k-admin .cb-btn-green { background:#315f91 !important; border-color:#315f91 !important; color:#fff !important; }
body.t2k-admin .cb-btn-red { background:#fff2f0 !important; border-color:#f0c7c2 !important; color:#a34239 !important; }
body.t2k-admin .cb-btn-cyan { background:#eef4fa !important; border-color:#ccdae8 !important; color:#315f91 !important; }
body.t2k-admin .cb-task-card { background:#fff !important; border:1px solid #dce3ea !important; border-radius:15px !important; box-shadow:0 8px 22px rgba(29,48,69,.06) !important; }
body.t2k-admin .cb-task-card-header { background:#f7f9fb !important; border-color:#e1e7ed !important; }
body.t2k-admin .cb-task-title { color:#1d3045 !important; font-family:inherit !important; }
body.t2k-admin .cb-tag-status { border-radius:999px !important; font-family:inherit !important; }
body.t2k-admin .cb-tag-active { background:#e9f5ee !important; color:#247148 !important; border-color:#cce5d5 !important; }
body.t2k-admin .cb-tag-disabled { background:#fff1ef !important; color:#a9473e !important; border-color:#efd1ce !important; }
body.t2k-admin .cb-input-code { background:#f7f9fb !important; color:#315f91 !important; border-color:#d5dee7 !important; font-family:ui-monospace,monospace !important; }
body.t2k-admin .cb-input-code:focus { border-color:#527eaf !important; box-shadow:0 0 0 3px rgba(82,126,175,.12) !important; }
body.t2k-admin .cb-task-body label { color:#54677c !important; }
body.t2k-admin .cb-task-body small { color:#78899c !important; }
body.t2k-admin .cb-task-body .btn[style] { box-shadow:none !important; }
body.t2k-admin .table, body.t2k-admin .table-striped, body.t2k-admin .table-bordered, body.t2k-admin .table-hover { background:#fff !important; color:#26394d !important; border-color:#dce3ea !important; }
body.t2k-admin .table > thead > tr > th, body.t2k-admin .table > tbody > tr > th, body.t2k-admin .table > tfoot > tr > th { background:#f3f6f9 !important; color:#4e6580 !important; border-color:#dce3ea !important; font-family:inherit !important; }
body.t2k-admin .table > tbody > tr > td, body.t2k-admin .table > tfoot > tr > td { background:transparent !important; color:#34495e !important; border-color:#e3e8ed !important; }
body.t2k-admin .table-striped > tbody > tr:nth-of-type(odd) { background:#f8fafc !important; }
body.t2k-admin .table-hover > tbody > tr:hover { background:#edf4fa !important; }

.km-task-announcement { display:flex; gap:13px; align-items:flex-start; margin:0 0 22px; padding:17px 19px; border:1px solid #e8d5ad; border-radius:15px; background:#fff9ed; color:#684e22; }
.km-task-announcement-icon { flex:0 0 34px; width:34px; height:34px; display:flex; justify-content:center; align-items:center; color:#865e19; background:#f7e8c8; border-radius:11px; }
.km-task-announcement strong { display:block; margin:0 0 3px; color:#604515; font-size:13.5px; }
.km-task-announcement p { margin:0; color:#76613d; font-size:12.5px; line-height:1.65; }

@media (min-width: 768px) {
  body.t2k-member .main-sidebar, body.t2k-admin .main-sidebar { padding-top: 0; }
  body.t2k-member .content-wrapper, body.t2k-admin .content-wrapper { min-height: calc(100vh - 50px); }
}
@media (max-width: 767px) {
  body.t2k-member .content-header, body.t2k-admin .content-header { padding: 18px 16px 4px !important; }
  body.t2k-member .content, body.t2k-admin .content { padding: 8px 14px 28px; }
  body.t2k-member .content-header > h1, body.t2k-admin .content-header > h1 { font-size: 21px !important; }
  body.t2k-admin .navbar-switch-pill { margin: 8px 4px !important; padding: 6px 9px !important; }
}