:root{
  --tn-bg:#f6f7fb;--tn-surface:#fff;--tn-ink:#1d2433;--tn-muted:#667085;
  --tn-gold:#b68019;--tn-gold2:#e0b64c;--tn-border:#e8e3d3;--tn-green:#168a5b;
  --tn-red:#c43d4b;--tn-blue:#315ea8;--tn-shadow:0 12px 34px rgba(31,36,48,.08)
}
html,body{background:var(--tn-bg)!important;color:var(--tn-ink)}
body.tn-preview{padding-top:38px}
.tn-preview-banner{position:fixed;top:0;left:0;right:0;height:38px;z-index:99999;display:flex;align-items:center;justify-content:center;gap:12px;background:#17191f;color:#fff;border-bottom:1px solid #503d15;font-size:12px;font-weight:700;letter-spacing:.08em}
.tn-preview-banner .pill{background:linear-gradient(135deg,var(--tn-gold2),var(--tn-gold));color:#141414;border-radius:999px;padding:4px 10px}
.main-header{top:38px!important}.main-sidebar{top:88px!important}.content-wrapper,.main-footer{background:var(--tn-bg)!important}
.main-header .logo{background:#111318!important;border-right:1px solid #2c2f36!important;color:#f2cf72!important;font-weight:800}
.main-header .navbar{background:#fff!important;border-bottom:1px solid var(--tn-border)!important;box-shadow:0 5px 18px rgba(20,24,32,.05)}
.main-header .navbar .sidebar-toggle,.main-header .navbar .nav>li>a{color:#262b35!important}
.main-sidebar{background:#17191f!important;box-shadow:6px 0 22px rgba(16,20,28,.08)}
.skin-blue .sidebar-menu>li.header{background:#111318!important;color:#b9ad8d!important}
.skin-blue .sidebar-menu>li>a{color:#d9dde5!important;border-left:3px solid transparent}
.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{background:#22252c!important;color:#f3cd69!important;border-left-color:#c99a2e!important}
.user-panel>.info>p{color:#fff}.user-panel>.info>a{color:#9cd8b7!important}
.content-header{padding:28px 28px 8px!important}.content-header>h1{font-weight:800;color:#202531}.content{padding:20px 28px 36px!important}
.box{border:1px solid #e8e9ee!important;border-top:0!important;border-radius:16px!important;box-shadow:var(--tn-shadow)!important;overflow:hidden;background:#fff!important}.box-header{padding:18px 20px!important;border-bottom:1px solid #f0f1f4}.box-title{font-weight:750!important}.box-body{padding:20px!important}
.btn{border-radius:9px!important;font-weight:650}.btn-primary{background:#1f2530!important;border-color:#1f2530!important}.btn-success{background:#15875a!important;border-color:#15875a!important}.btn-warning{background:#c2912d!important;border-color:#c2912d!important;color:#fff!important}
.table{background:#fff}.table>thead>tr>th{background:#f7f7f8;color:#3f4653;border-bottom:1px solid #e4e6ea!important;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table>tbody>tr>td{vertical-align:middle!important;border-top:1px solid #eff0f3!important}
.tn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.tn-card{background:#fff;border:1px solid var(--tn-border);border-radius:18px;padding:20px;box-shadow:var(--tn-shadow);min-height:126px}.tn-card .k{color:var(--tn-muted);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.tn-card .v{font-size:27px;font-weight:850;margin:9px 0 3px;color:#1b202a}.tn-card .s{font-size:12px;color:var(--tn-muted)}.tn-card.gold{background:linear-gradient(135deg,#fffaf0,#fff);border-color:#ead8ab}.tn-card .ico{float:right;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f5ebcf;color:#9c6d08;font-size:18px}
.tn-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(125deg,#111318,#262a31);border:1px solid #3c3424;border-radius:20px;padding:22px 24px;margin-bottom:18px;color:#fff;box-shadow:var(--tn-shadow)}.tn-hero h2{margin:0 0 5px;font-weight:850}.tn-hero p{margin:0;color:#c8ccd3}.tn-hero img{height:72px;width:72px;object-fit:contain;border-radius:16px;background:#0d0e11;padding:4px}.tn-hero .actions{display:flex;gap:8px;flex-wrap:wrap}.tn-hero .btn{background:#d2a33f!important;border-color:#d2a33f!important;color:#181818!important}
.tn-section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.tn-section-title h3{margin:0;font-size:18px;font-weight:800}.tn-section-title small{color:var(--tn-muted)}
.tn-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tn-quick a{background:#fff;border:1px solid #e6e7eb;border-radius:14px;padding:15px;color:#252a34;display:flex;align-items:center;gap:11px;font-weight:700;box-shadow:0 6px 18px rgba(20,24,32,.04)}.tn-quick a:hover{text-decoration:none;border-color:#d1af60;color:#9a6c0d}.tn-quick i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f8f1df;color:#a67410}
.tn-readonly-note{padding:12px 15px;border:1px solid #ebd7a2;background:#fff9e8;border-radius:12px;color:#73540f;margin:0 0 14px}.tn-mask{filter:blur(4px);user-select:none}.tn-preview-disabled{opacity:.5!important;cursor:not-allowed!important}
@media(max-width:1100px){.tn-grid{grid-template-columns:repeat(2,1fr)}.tn-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){body.tn-preview{padding-top:48px}.tn-preview-banner{height:48px;font-size:10px;padding:0 10px;text-align:center}.main-header{top:48px!important}.main-sidebar{top:98px!important}.content-header{padding:20px 14px 6px!important}.content{padding:14px!important}.tn-grid{grid-template-columns:1fr 1fr;gap:10px}.tn-card{padding:15px;min-height:112px}.tn-card .v{font-size:21px}.tn-hero{align-items:flex-start;padding:17px;flex-direction:column}.tn-hero img{height:58px;width:58px}.tn-quick{grid-template-columns:1fr 1fr;gap:9px}.tn-quick a{padding:12px;font-size:12px}.box-body{padding:12px!important}.table-responsive{border:0!important}.main-footer{font-size:11px}}
@media(max-width:420px){.tn-grid,.tn-quick{grid-template-columns:1fr}}


/* v0.4.2 public preview presentation cleanup: keep protections, hide test-only banner */
body.tn-preview{padding-top:0!important}
.tn-preview-banner{display:none!important}
body.tn-preview .main-header{top:0!important}
body.tn-preview .main-sidebar{top:50px!important}
@media(max-width:767px){
  body.tn-preview{padding-top:0!important}
  .tn-preview-banner{display:none!important}
  body.tn-preview .main-header{top:0!important}
  body.tn-preview .main-sidebar{top:50px!important}
}