/*
Theme Name: TikManager Pro Theme
Theme URI: https://taphoasub.com/
Author: TikManager
Description: Theme WordPress hiện đại dành cho TikManager Frontend CRM. Tối ưu cho các trang đăng nhập, đăng ký, dashboard, tài khoản TikTok, thành viên, nhật ký và hồ sơ.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: tikmanager-theme
*/

:root{
  --tm-bg:#f5f7fb;
  --tm-surface:#ffffff;
  --tm-text:#101828;
  --tm-muted:#667085;
  --tm-line:#e7ecf3;
  --tm-dark:#0d1222;
  --tm-primary:#111827;
  --tm-accent:#ff2d55;
  --tm-cyan:#00c2c7;
  --tm-purple:#7c3aed;
  --tm-radius:18px;
  --tm-shadow:0 18px 50px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tm-bg);color:var(--tm-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}
img{max-width:100%;height:auto}
.tm-site-shell{min-height:100vh;display:flex;flex-direction:column}
.tm-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,236,243,.9)}
.tm-header-inner{max-width:1420px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:20px}
.tm-site-brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.tm-brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--tm-dark),#222c42);display:grid;place-items:center;position:relative;overflow:hidden}
.tm-brand-mark:before{content:"T";font-weight:900;font-size:21px;color:white;position:relative;z-index:2}
.tm-brand-mark:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--tm-cyan),var(--tm-accent));filter:blur(10px);opacity:.65}
.tm-brand-copy b{display:block;font-size:18px;line-height:1.1}.tm-brand-copy small{display:block;color:var(--tm-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}
.tm-main-nav{display:flex;gap:6px;align-items:center}.tm-main-nav a{padding:9px 11px;text-decoration:none;border-radius:10px;font-size:13px;font-weight:650;color:#475467}.tm-main-nav a:hover{background:#f2f4f7;color:#111827}
.tm-header-actions{display:flex;gap:8px}.tm-header-btn{padding:9px 13px;border-radius:10px;text-decoration:none;font-weight:700;font-size:12px;border:1px solid var(--tm-line);background:#fff}.tm-header-btn.primary{background:#111827;color:#fff;border-color:#111827}
.tm-mobile-nav-toggle{display:none;border:1px solid var(--tm-line);background:#fff;border-radius:10px;padding:8px 10px}
.tm-site-content{flex:1}
.tm-standard-container{max-width:1200px;margin:0 auto;padding:44px 22px}
.tm-content-card{background:#fff;border:1px solid var(--tm-line);border-radius:20px;padding:28px;box-shadow:var(--tm-shadow)}
.tm-content-card h1:first-child{margin-top:0}
.tm-site-footer{margin-top:auto;background:#0d1222;color:#cbd5e1}
.tm-footer-inner{max-width:1420px;margin:auto;padding:28px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.tm-footer-inner small{color:#94a3b8}.tm-footer-links{display:flex;gap:16px}.tm-footer-links a{color:#cbd5e1;text-decoration:none;font-size:12px}
.tm-hero{max-width:1420px;margin:28px auto;padding:0 22px}.tm-hero-box{border-radius:28px;padding:64px;background:radial-gradient(circle at 18% 20%,rgba(0,194,199,.18),transparent 25%),radial-gradient(circle at 80% 80%,rgba(255,45,85,.16),transparent 26%),linear-gradient(135deg,#0d1222,#171f35 55%,#2d165d);color:#fff;position:relative;overflow:hidden}.tm-hero-box:after{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.015)}
.tm-hero-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7df4ef;font-weight:800}.tm-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;max-width:900px;margin:14px 0 18px}.tm-hero p{max-width:720px;color:#cbd5e1;font-size:17px}.tm-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tm-hero-actions a{padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:800}.tm-hero-actions .primary{background:#fff;color:#111827}.tm-hero-actions .secondary{border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.05)}
.tm-feature-grid{max-width:1420px;margin:0 auto 60px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tm-feature{background:#fff;border:1px solid var(--tm-line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.tm-feature span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef2ff;color:#4338ca;font-weight:800}.tm-feature h3{margin:14px 0 6px}.tm-feature p{margin:0;color:var(--tm-muted);font-size:13px}
.tm-crm-page .tm-site-header,.tm-auth-page .tm-site-header{display:none}
.tm-crm-page .tm-site-footer,.tm-auth-page .tm-site-footer{display:none}
.tm-crm-page .tm-site-content,.tm-auth-page .tm-site-content{min-height:100vh}
.tm-crm-page .entry-content,.tm-auth-page .entry-content{margin:0}
.tm-crm-page .wp-site-blocks,.tm-auth-page .wp-site-blocks{padding:0}
.entry-content>*:first-child{margin-top:0}
@media(max-width:900px){.tm-main-nav{display:none;position:absolute;top:70px;left:14px;right:14px;background:#fff;border:1px solid var(--tm-line);padding:10px;border-radius:14px;box-shadow:var(--tm-shadow);flex-direction:column;align-items:stretch}.tm-main-nav.open{display:flex}.tm-mobile-nav-toggle{display:block}.tm-header-actions{display:none}.tm-feature-grid{grid-template-columns:1fr}.tm-hero-box{padding:38px 24px}.tm-footer-inner{align-items:flex-start;flex-direction:column}}