.app-body{background:var(--tt-soft-white);display:flex;min-height:100vh;color:var(--tt-graphite-900)}
.app-sidebar{width:238px;background:var(--tt-graphite-900);color:white;min-height:100vh;padding:26px 18px;position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:20}
.brand-light{color:white;margin:0 10px 38px}
.app-sidebar nav{display:flex;flex-direction:column;gap:4px}.app-nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;text-decoration:none;color:#B8BEC7;font-size:.88rem;font-weight:650}.app-nav-item>span{width:20px;text-align:center}.app-nav-item:hover{background:rgba(255,255,255,.05);color:white}.app-nav-item.active{background:rgba(254,119,51,.14);color:var(--tt-safety-orange)}.app-nav-item b{margin-left:auto;background:var(--tt-safety-orange);color:white;border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem}.app-sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.app-sidebar-bottom a{display:block;text-decoration:none;color:#C7CCD4;padding:8px 12px;font-size:.85rem}
.app-main{margin-left:238px;padding:34px 42px 70px;width:calc(100% - 238px);max-width:1400px;position:relative}.demo-ribbon{display:inline-block;background:var(--tt-info-soft);color:#1E5F89;border:1px solid #ADD4E8;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:800;margin-bottom:20px}.app-page-head h1{font-size:2rem;margin:4px 0 5px}.app-page-head p{color:var(--tt-muted);margin-bottom:0}.breadcrumb{color:var(--tt-muted);font-size:.78rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metric-grid article{background:white;border:1px solid var(--tt-border);border-radius:12px;padding:17px 18px;display:flex;align-items:center;gap:13px}.metric-grid strong{display:block;font-size:1.6rem;line-height:1}.metric-grid span:not(.metric-icon){display:block;color:var(--tt-muted);font-size:.78rem;margin-top:5px}.metric-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}.metric-icon.success{background:var(--tt-success-soft);color:var(--tt-success)}.metric-icon.warning{background:var(--tt-warning-soft);color:#9A7000}.metric-icon.danger{background:var(--tt-danger-soft);color:var(--tt-danger)}.metric-icon.info{background:var(--tt-info-soft);color:var(--tt-info)}
.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.app-card{background:white;border:1px solid var(--tt-border);border-radius:13px;padding:22px}.card-kicker{display:block;color:var(--tt-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;font-weight:850;margin-bottom:4px}.card-head{align-items:center}.card-head h2{font-size:1.25rem}.progress-track{height:9px;background:#EEF0F2;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--tt-safety-orange),var(--tt-neon-sprout))}.status-list,.application-list{list-style:none;padding:0;margin:17px 0 0}.status-list li,.application-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--tt-border)}.application-list li div span{display:block;color:var(--tt-muted);font-size:.78rem}.application-list li div strong{font-size:.9rem}
.compliance-card{padding:0;overflow:hidden}.compliance-summary{background:var(--tt-graphite-900);color:white;padding:24px;display:flex;align-items:center;justify-content:space-between}.compliance-summary span,.compliance-summary small{display:block;color:#B8BEC7}.compliance-summary strong{display:block;font-size:1.45rem;margin:3px 0}.score-ring{width:74px;height:74px;border-radius:50%;border:8px solid var(--tt-neon-sprout);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.35rem}.score-ring span{font-size:.65rem;color:white}.compliance-row{display:grid;grid-template-columns:36px 1.25fr 1fr auto;gap:14px;align-items:center;padding:17px 20px;border-top:1px solid var(--tt-border)}.compliance-row p{margin:2px 0;color:var(--tt-muted);font-size:.86rem}.compliance-row .source span,.compliance-row .source small{display:block}.compliance-row .source{font-size:.8rem}.compliance-row .source small{color:var(--tt-muted)}.status-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900}.status-icon.success{background:var(--tt-success-soft);color:var(--tt-success)}.status-icon.warning{background:var(--tt-warning-soft);color:#9A7000}.row-menu{border:1px solid var(--tt-border);background:white;border-radius:8px;padding:7px 9px;color:var(--tt-muted)}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--tt-border);margin:24px 0 12px}.tabs button{border:0;background:transparent;padding:11px 15px;color:var(--tt-muted);font-weight:750;cursor:pointer}.tabs button.active{color:var(--tt-graphite-900);border-bottom:3px solid var(--tt-safety-orange)}.candidate-list{display:flex;flex-direction:column;gap:10px}.candidate-card{background:white;border:1px solid var(--tt-border);border-radius:12px;padding:15px;display:grid;grid-template-columns:52px 1.1fr 1.6fr auto auto;gap:14px;align-items:center}.candidate-avatar{width:52px;height:52px;border-radius:11px;background:#EEF0F2;display:flex;align-items:center;justify-content:center;font-size:1.7rem}.candidate-id strong{display:block}.candidate-id span{display:block;color:var(--tt-muted);font-size:.78rem;margin-top:3px}.candidate-status{display:flex;flex-wrap:wrap;gap:5px}.candidate-actions{display:flex;flex-direction:column;gap:6px}.demo-form{max-width:780px}.demo-form label{display:block;margin-bottom:18px}.checkbox{display:flex!important;gap:10px;align-items:flex-start}.checkbox input{width:auto;margin-top:4px}.share-box{background:#F0F2F4;border-radius:10px;padding:15px;margin:18px 0}.share-box p{margin:4px 0 0;color:var(--tt-muted)}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:1fr}.candidate-card{grid-template-columns:52px 1fr auto}.candidate-status{grid-column:2/4}.candidate-actions{grid-column:2}.candidate-card>.row-menu{grid-column:3;grid-row:2}}
@media(max-width:760px){.app-sidebar{position:static;width:100%;min-height:auto}.app-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.app-sidebar-bottom{display:none}.app-body{display:block}.app-main{margin-left:0;width:100%;padding:24px 18px}.brand-light{margin-bottom:20px}.app-page-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.compliance-row{grid-template-columns:34px 1fr}.compliance-row .source{grid-column:2}.compliance-row .row-menu{grid-column:2;justify-self:end}.candidate-card{grid-template-columns:44px 1fr}.candidate-avatar{width:44px;height:44px}.candidate-status,.candidate-actions,.candidate-card>.row-menu{grid-column:2}.candidate-actions{flex-direction:row}}