/* TrustNeo Phase 106 — Interactive Dashboard Preview */
.tn106-tour{padding:96px 0 34px;background:linear-gradient(180deg,#fff 0,#f8f9fc 100%);border-top:1px solid #edf0f5}.tn106-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}.tn106-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:60px;align-items:end;margin-bottom:34px}.tn106-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#625ed7;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.tn106-head h2{max-width:780px;margin:0;color:#171c27;font-size:clamp(2.35rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.055em}.tn106-head>p{margin:0;color:#677183;font-size:14px;line-height:1.75}
.tn106-workspace{overflow:hidden;border:1px solid #dfe3eb;border-radius:20px;background:#fff;box-shadow:0 26px 70px rgba(24,31,45,.12)}.tn106-window-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;padding:0 17px;border-bottom:1px solid #e7eaf0;background:#f8f9fb}.tn106-dots{display:flex;gap:6px}.tn106-dots i{width:8px;height:8px;border-radius:50%;background:#d1d6df}.tn106-dots i:nth-child(1){background:#f08d84}.tn106-dots i:nth-child(2){background:#e8be67}.tn106-dots i:nth-child(3){background:#75c3a9}.tn106-window-title{display:flex;align-items:center;gap:7px;color:#545e6e;font-size:10px;font-weight:800}.tn106-window-title b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#171c27;color:#fff;font-size:9px}.tn106-sample-badge{justify-self:end;padding:5px 8px;border:1px solid #dfe4ed;border-radius:999px;background:#fff;color:#7a8494;font-size:8px;font-weight:750}
.tn106-body{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:565px}.tn106-rail{display:flex;flex-direction:column;align-items:center;gap:20px;padding:18px 0;border-right:1px solid #e7eaf0;background:#151a24}.tn106-rail strong{display:grid;place-items:center;width:29px;height:29px;margin-bottom:8px;border-radius:9px;background:linear-gradient(135deg,#625ed7,#7a76e5);color:#fff;font-size:12px}.tn106-rail i{width:22px;height:5px;border-radius:999px;background:#333a48}.tn106-rail i.is-active{height:22px;border-radius:7px;background:#615ed7;box-shadow:0 0 0 5px rgba(97,94,215,.14)}
.tn106-main{min-width:0;padding:20px 22px 24px;background:#f7f8fa}.tn106-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.tn106-toolbar>div{display:grid;gap:2px}.tn106-toolbar small{color:#8992a2;font-size:8px;font-weight:720;text-transform:uppercase;letter-spacing:.08em}.tn106-toolbar strong{color:#252c38;font-size:18px}.tn106-toolbar>span{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #e0e4eb;border-radius:999px;background:#fff;color:#7e8796;font-size:8px;font-weight:750}.tn106-toolbar>span i{width:7px;height:7px;border-radius:50%;background:#45b096}
.tn106-tabs{display:flex;gap:6px;margin-bottom:15px;padding:5px;border:1px solid #e1e5ec;border-radius:12px;background:#fff}.tn106-tabs button{min-height:36px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#707a8a;font:inherit;font-size:10px;font-weight:780;cursor:pointer}.tn106-tabs button:hover{background:#f4f5f8;color:#343c49}.tn106-tabs button[aria-selected="true"]{background:#1c2230;color:#fff;box-shadow:0 4px 12px rgba(23,28,39,.16)}.tn106-tabs button:focus-visible{outline:3px solid rgba(98,94,215,.3);outline-offset:2px}
.tn106-panels{min-height:430px}.tn106-panel[hidden]{display:none!important}.tn106-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.tn106-kpis article{display:grid;gap:4px;min-width:0;padding:15px;border:1px solid #e1e5ec;border-radius:12px;background:#fff}.tn106-kpis small{color:#7d8797;font-size:8px;font-weight:730}.tn106-kpis strong{color:#242b37;font-size:20px;letter-spacing:-.035em}.tn106-kpis span{color:#9aa2ae;font-size:7px;font-weight:700}.tn106-overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:12px}.tn106-chart-card,.tn106-activity-card,.tn106-table-card,.tn106-analytics-card,.tn106-funnel-card,.tn106-balance-card,.tn106-ledger-card{border:1px solid #e1e5ec;border-radius:13px;background:#fff}.tn106-chart-card,.tn106-activity-card,.tn106-table-card,.tn106-analytics-card,.tn106-funnel-card,.tn106-ledger-card{padding:15px}.tn106-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tn106-card-head>div{display:grid;gap:2px}.tn106-card-head small{color:#8b94a3;font-size:7px;font-weight:730;text-transform:uppercase;letter-spacing:.07em}.tn106-card-head strong{color:#303846;font-size:11px}.tn106-card-head>span{padding:4px 7px;border-radius:999px;background:#f3f4f7;color:#8a93a2;font-size:7px;font-weight:750}
.tn106-bars{position:relative;display:flex;align-items:end;gap:8px;height:240px;margin-top:18px;padding:17px 7px 0;border-bottom:1px solid #e7eaf0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#edf0f4 55px,#edf0f4 56px)}.tn106-bars i{flex:1;min-width:7px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7773e9,#b8b6fa)}.tn106-bars i:nth-child(1){height:27%}.tn106-bars i:nth-child(2){height:34%}.tn106-bars i:nth-child(3){height:29%}.tn106-bars i:nth-child(4){height:49%}.tn106-bars i:nth-child(5){height:43%}.tn106-bars i:nth-child(6){height:61%}.tn106-bars i:nth-child(7){height:55%}.tn106-bars i:nth-child(8){height:69%}.tn106-bars i:nth-child(9){height:64%}.tn106-bars i:nth-child(10){height:78%}.tn106-bars i:nth-child(11){height:72%}.tn106-bars i:nth-child(12){height:88%}.tn106-axis{display:flex;justify-content:space-between;padding-top:8px;color:#99a1ae;font-size:7px}.tn106-activity-list{display:grid;gap:9px;margin-top:17px}.tn106-activity-list>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px;border:1px solid #edf0f4;border-radius:10px;background:#fafbfc}.tn106-activity-list i{width:8px;height:8px;border-radius:50%;background:#6f6ce0}.tn106-activity-list i.is-success{background:#48ae97}.tn106-activity-list i.is-review{background:#e3a44d}.tn106-activity-list i.is-safe{background:#45a8b5}.tn106-activity-list p{display:grid;gap:2px;margin:0}.tn106-activity-list b{color:#4a5361;font-size:8px}.tn106-activity-list small{color:#8c95a3;font-size:7px}.tn106-activity-list>div>span{color:#747e8e;font-size:7px;font-weight:750}
.tn106-offer-table{display:grid;margin-top:16px;border:1px solid #e7eaf0;border-radius:11px;overflow:hidden}.tn106-table-row{display:grid;grid-template-columns:2fr .7fr .8fr .8fr .9fr;gap:10px;align-items:center;min-height:61px;padding:9px 13px;border-top:1px solid #edf0f4;color:#697383;font-size:8px}.tn106-table-row:first-child{border-top:0}.tn106-table-head{min-height:36px;background:#f6f7f9;color:#8b94a2;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tn106-table-row>span:first-child{display:grid;gap:2px}.tn106-table-row b{color:#3f4856;font-size:9px}.tn106-table-row small{color:#929aa7;font-size:7px}.tn106-table-row em{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:#f2f3f5;color:#7f8795;font-style:normal;font-size:7px;font-weight:800}.tn106-table-row em.is-live{background:#eaf8f3;color:#3b917d}.tn106-offer-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.tn106-offer-controls span{padding:7px 9px;border:1px solid #e4e8ee;border-radius:8px;background:#fafbfc;color:#747e8d;font-size:7px;font-weight:750}
.tn106-analytics-grid,.tn106-payments-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:12px}.tn106-source-list{display:grid;gap:17px;margin-top:25px}.tn106-source-list>div{display:grid;grid-template-columns:72px minmax(0,1fr) 54px;gap:11px;align-items:center}.tn106-source-list span{color:#5e6877;font-size:8px;font-weight:800}.tn106-source-list i{height:8px;border-radius:999px;background:#eceef3;overflow:hidden}.tn106-source-list b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6965dc,#58aaba)}.tn106-source-list b.is-82{width:82%}.tn106-source-list b.is-68{width:68%}.tn106-source-list b.is-55{width:55%}.tn106-source-list b.is-41{width:41%}.tn106-source-list em{color:#8d96a4;font-size:7px;font-style:normal;text-align:right}.tn106-funnel{display:grid;gap:8px;margin-top:22px}.tn106-funnel div{display:grid;place-items:center;min-height:54px;margin-inline:auto;border-radius:10px;background:#f0efff;color:#5e5aca;font-size:8px;font-weight:820}.tn106-funnel div:nth-child(1){width:100%}.tn106-funnel div:nth-child(2){width:84%;background:#eef5fb;color:#4f829f}.tn106-funnel div:nth-child(3){width:67%;background:#eaf8f3;color:#3f927f}.tn106-funnel div:nth-child(4){width:52%;background:#edf2f7;color:#667488}
.tn106-balance-card{padding:23px;background:#171d29;border-color:#252c39}.tn106-balance-card>small{color:#768194;font-size:8px;font-weight:760;text-transform:uppercase;letter-spacing:.07em}.tn106-balance-card>strong{display:block;max-width:460px;margin-top:8px;color:#e7eaf0;font-size:20px;line-height:1.25}.tn106-payment-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:35px}.tn106-payment-stages span{display:grid;justify-items:center;gap:8px;color:#7f8999;font-size:7px;font-weight:760}.tn106-payment-stages i{width:26px;height:26px;border:7px solid #171d29;border-radius:50%;background:#313846;box-shadow:0 0 0 1px #394151}.tn106-payment-stages span.is-done{color:#79c9b5}.tn106-payment-stages span.is-done i{background:#47ad96}.tn106-payment-stages span.is-current{color:#9c99ef}.tn106-payment-stages span.is-current i{background:#6864dc;box-shadow:0 0 0 1px #6864dc,0 0 0 5px rgba(104,100,220,.13)}.tn106-ledger{display:grid;gap:9px;margin-top:18px}.tn106-ledger>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #edf0f4;border-radius:10px;background:#fafbfc}.tn106-ledger p{display:grid;gap:2px;margin:0}.tn106-ledger b{color:#525b69;font-size:8px}.tn106-ledger small{color:#9098a5;font-size:7px}.tn106-ledger span{padding:4px 7px;border-radius:999px;background:#f1f3f5;color:#7a8493;font-size:7px;font-weight:780}.tn106-ledger span.is-approved{background:#eef0ff;color:#625ed7}.tn106-ledger span.is-ready{background:#eaf8f3;color:#3f927f}
.tn106-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:17px;padding:22px 24px;border:1px solid #e1e5ec;border-radius:16px;background:#fff}.tn106-footer>div:first-child{display:grid;gap:5px;max-width:650px}.tn106-footer strong{color:#293240;font-size:13px}.tn106-footer small{color:#7a8493;font-size:10px;line-height:1.55}.tn106-footer>div:last-child{display:flex;align-items:center;gap:15px}.tn106-footer .tn101-btn{min-height:43px;padding-inline:15px;font-size:11px}.tn106-secondary-action{color:#596273;text-decoration:none;font-size:11px;font-weight:760}.tn106-secondary-action:hover,.tn106-secondary-action:focus-visible{color:#252b36;text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){.tn106-head{grid-template-columns:1fr;gap:18px}.tn106-head>p{max-width:760px}.tn106-overview-grid,.tn106-analytics-grid,.tn106-payments-grid{grid-template-columns:1fr}.tn106-kpis{grid-template-columns:repeat(2,1fr)}.tn106-body{grid-template-columns:52px minmax(0,1fr)}}
@media(max-width:720px){.tn106-shell{width:min(100% - 28px,1240px)}.tn106-window-bar{grid-template-columns:auto 1fr}.tn106-sample-badge{grid-column:1/-1;justify-self:start;margin:0 0 9px}.tn106-body{grid-template-columns:1fr}.tn106-rail{display:none}.tn106-main{padding:15px}.tn106-tabs{overflow:auto;scrollbar-width:none}.tn106-tabs::-webkit-scrollbar{display:none}.tn106-tabs button{flex:0 0 auto}.tn106-table-card{overflow:hidden}.tn106-offer-table{overflow:auto}.tn106-table-row{min-width:650px}.tn106-footer{align-items:flex-start;flex-direction:column}.tn106-footer>div:last-child{width:100%}}
@media(max-width:620px){.tn106-tour{padding:68px 0 28px}.tn106-head h2{font-size:clamp(2.1rem,10vw,2.8rem)}.tn106-head>p{font-size:13px}.tn106-workspace{border-radius:16px}.tn106-main{padding:12px}.tn106-toolbar>span{display:none}.tn106-kpis{grid-template-columns:1fr 1fr;gap:7px}.tn106-kpis article{padding:12px}.tn106-kpis strong{font-size:17px}.tn106-bars{height:180px;gap:5px}.tn106-chart-card,.tn106-activity-card,.tn106-table-card,.tn106-analytics-card,.tn106-funnel-card,.tn106-ledger-card{padding:12px}.tn106-source-list>div{grid-template-columns:58px minmax(0,1fr) 44px}.tn106-payment-stages{grid-template-columns:repeat(2,1fr);row-gap:18px}.tn106-footer{padding:18px}.tn106-footer>div:last-child{display:grid;grid-template-columns:1fr;gap:12px}.tn106-footer .tn101-btn{width:100%}.tn106-secondary-action{text-align:center;padding:7px}}
@media(prefers-reduced-motion:reduce){.tn106-tabs button,.tn106-workspace{transition:none!important;scroll-behavior:auto!important}}