:root{--tc-blue:#2864ed;--tc-navy:#101827;--tc-bg:#f4f7fb;--tc-border:#dfe5ee;--tc-muted:#7d899c;--tc-green:#19b968;--tc-red:#ef4444;--tc-orange:#f59e0b;--tc-purple:#8057e8;--tc-teal:#11b8aa}
.tc-page{background:var(--tc-bg);color:var(--tc-navy);min-height:calc(100vh - 70px);padding:28px!important}.tc-page h1{font-size:1.75rem;font-weight:800;margin:.3rem 0}.tc-page h2{font-size:1rem;font-weight:750;margin:0}.tc-page h3{font-size:.84rem;font-weight:800;text-transform:uppercase}.tc-page p{color:#667085}.tc-head,.tc-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:22px}.tc-breadcrumb{color:#748094;font-size:.84rem}.tc-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tc-actions .btn{font-weight:650}.tc-card,.tc-filter-card,.tc-progress-card,.tc-session-summary,.tc-meta-strip,.tc-kpi,.tc-scan-profile,.tc-scan-action,.tc-state-preview{background:#fff;border:1px solid var(--tc-border);border-radius:14px;box-shadow:0 1px 2px rgba(16,24,39,.05)}.tc-card{margin-bottom:18px;overflow:hidden}.tc-card.is-danger{border-color:#ffc2c2}.tc-card.is-success{border-color:#9ceac0}.tc-card.is-primary{background:linear-gradient(135deg,#2364ec,#5145e5);color:#fff}.tc-card.is-primary *{color:#fff}.tc-card-header,.tc-card>header{align-items:center;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;padding:16px 18px}.tc-card-header h2 span,.tc-card>header h2 span{background:#edf1f7;border-radius:999px;color:#64748b;font-size:.72rem;padding:3px 8px}.tc-card-body,.tc-card>.p-3,.tc-card>.p-4{padding:18px}.tc-layout{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 350px}.tc-layout>main{min-width:0}.tc-sticky{position:sticky;top:90px}.tc-kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin-bottom:20px}.tc-kpi{display:flex;flex-direction:column;min-height:110px;padding:18px}.tc-kpi>span{font-size:1.2rem}.tc-kpi strong{font-size:1.55rem;line-height:1.1;margin-top:auto}.tc-kpi small{color:var(--tc-muted);font-weight:600;margin-top:5px}.tc-kpi.is-green{border-color:#b9edce}.tc-kpi.is-green strong{color:#148b4d}.tc-kpi.is-red{border-color:#fecaca}.tc-kpi.is-red strong{color:#dc2626}.tc-kpi.is-orange{border-color:#fbd38d}.tc-kpi.is-orange strong{color:#e5670b}.tc-kpi.is-blue{border-color:#bdd5ff}.tc-kpi.is-blue strong{color:#245edb}.tc-kpi.is-purple strong{color:var(--tc-purple)}.tc-filterbar,.tc-filter-card{margin-bottom:20px;padding:18px}.tc-filter-card h2{margin-bottom:15px}.tc-table{font-size:.84rem;margin:0}.tc-table thead th{background:#f7f9fc;border-bottom:1px solid #e9edf3;color:#697588;font-size:.72rem;letter-spacing:.025em;padding:13px 15px;text-transform:uppercase;white-space:nowrap}.tc-table td{border-color:#edf0f4;padding:14px 15px;vertical-align:middle}.tc-table tbody tr:hover{background:#f9fbff}.tc-person{align-items:center;display:flex;gap:10px;min-width:145px}.tc-person>div{display:flex;flex-direction:column}.tc-person small{color:var(--tc-muted)}.tc-avatar{align-items:center;background:#dceaff;border:2px solid #fff;border-radius:50%;color:#2762d8;display:inline-flex;flex:0 0 38px;font-size:.73rem;font-weight:800;height:38px;justify-content:center}.tc-avatar.is-lg{flex-basis:56px;height:56px}.tc-pill{background:#eff2f6;border:1px solid #e0e5ed;border-radius:999px;color:#697588;display:inline-flex;font-size:.73rem;font-weight:750;line-height:1;padding:6px 9px;white-space:nowrap}.tc-pill.is-green{background:#e6faee;border-color:#b6efcd;color:#148b4d}.tc-pill.is-blue{background:#e8f1ff;border-color:#bfd8ff;color:#2463df}.tc-pill.is-red{background:#feecec;border-color:#ffc7c7;color:#d83232}.tc-pill.is-orange{background:#fff3e1;border-color:#fbd39b;color:#d96508}.tc-pill.is-purple{background:#f2ebff;border-color:#ddcaff;color:#7440d7}.tc-pill.is-gray{background:#eff1f4;color:#687184}.tc-pill.is-teal{background:#e4fbf7;color:#078f82}.tc-meta-strip,.tc-session-summary{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:22px;overflow:hidden}.tc-meta-strip>div,.tc-session-summary>div{border-right:1px solid #edf0f4;display:flex;flex-direction:column;padding:16px}.tc-meta-strip small,.tc-session-summary small{color:#8994a6;font-size:.72rem}.tc-session-strip{background:#f7f9fc;border:1px solid #e6eaf0;border-radius:11px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:16px;padding:14px}.tc-session-strip span{display:flex;flex-direction:column;text-align:center}.tc-choice-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.tc-choice{background:#f8fafc;border:1px solid #dfe5ed;border-radius:10px;color:#3c4656;cursor:pointer;padding:15px}.tc-choice:has(input:checked){background:#edf4ff;border-color:#3477ef;box-shadow:0 0 0 1px #3477ef}.tc-choice input{margin-right:8px}.tc-time-list p,.tc-summary-row{align-items:center;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;margin:0;padding:12px 0}.tc-time-list p:last-child,.tc-summary-row:last-child{border:0}.tc-compare{display:grid;gap:18px;grid-template-columns:1fr 1fr}.tc-timeline{border-left:2px solid #dce7f8;margin-left:8px;padding-left:22px}.tc-timeline p{margin:0;padding:9px 0;position:relative}.tc-timeline p:before{background:#fff;border:3px solid #4e86f4;border-radius:50%;content:"";height:13px;left:-29px;position:absolute;top:14px;width:13px}.tc-progress-card{margin-bottom:20px;padding:16px 20px}.tc-progress-card>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}.tc-bars{align-items:end;display:flex;gap:16px;height:180px;padding:15px 8px 25px}.tc-bars i{background:var(--tc-blue);height:var(--value);min-height:6px;position:relative;width:100%}.tc-bars i span{bottom:-23px;font-size:.68rem;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.tc-chart-lines{background:linear-gradient(to bottom,transparent 24%,#edf0f5 25%,transparent 26%,transparent 49%,#edf0f5 50%,transparent 51%,transparent 74%,#edf0f5 75%,transparent 76%);height:220px;position:relative}.tc-chart-lines i{border-top:4px solid var(--tc-orange);display:block;position:absolute;top:50%;transform:skewY(-7deg);width:100%}.tc-chart-lines.is-green i{border-color:var(--tc-teal)}.tc-quick-actions,.tc-action-stack,.tc-radio-list{display:flex;flex-direction:column;gap:10px}.tc-quick-actions a,.tc-radio-list label{background:#f7f9fc;border:1px solid #e5e9ef;border-radius:10px;color:#344054;font-weight:650;padding:13px;text-decoration:none}.tc-alert-strip{align-items:center;background:#fff2f2;border:1px solid #ffc2c2;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.tc-empty{color:#98a2b3!important;padding:38px!important;text-align:center}.tc-truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-search{max-width:260px}.tc-qr-panel{display:grid;gap:28px;grid-template-columns:260px 1fr}.tc-qr-box{align-items:center;display:flex;flex-direction:column}.tc-qr-box svg{background:#fff;border:1px solid #dce3ed;border-radius:15px;padding:18px;width:230px}.tc-qr-box code{background:#fff;border:1px solid #dce3ed;border-radius:99px;margin-top:-12px;padding:7px 15px;z-index:2}.tc-meta-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.tc-meta-grid>div{background:#f7f9fc;border-radius:9px;display:flex;flex-direction:column;padding:12px}.tc-scan-total{align-items:center;background:#edf4ff;border:1px solid #bfd8ff;border-radius:10px;display:flex;justify-content:space-between;margin:14px 0;padding:14px}.tc-scan-total strong{color:var(--tc-blue);font-size:2rem}.tc-security-list p{background:#eafaf0;border-radius:9px;color:#16834c;font-weight:650;padding:12px}.tc-error-hero{text-align:center}.tc-error-hero .tc-card-header{background:#ef3131;color:#fff}.tc-error-icon,.tc-lock-icon{align-items:center;background:#fff0f0;border:5px solid #ffdede;border-radius:50%;display:flex;font-size:2rem;height:95px;justify-content:center;margin:12px auto 20px;width:95px}.tc-lock-hero{text-align:center}.tc-lock-icon{background:#f0f2f5;border-color:#dfe3e9}.tc-state-preview{display:flex;gap:20px;margin:0 auto 30px;max-width:620px;padding:12px 18px}.tc-state-preview .active{background:var(--tc-blue);border-radius:8px;color:#fff;padding:7px 14px}.tc-scan-page{margin:auto;max-width:640px}.tc-scan-profile{overflow:hidden}.tc-scan-profile>header{background:linear-gradient(120deg,#2563eb,#533ce4);color:#fff;padding:22px}.tc-scan-profile>.tc-person{padding:20px}.tc-scan-action{margin-top:18px;padding:35px;text-align:center}.tc-scan-action .btn{font-size:1.1rem;margin:18px 0;min-width:260px;padding:15px}.tc-scan-symbol{align-items:center;background:#f1f3f6;border:4px solid #e2e5ea;border-radius:50%;display:flex;font-size:2rem;height:90px;justify-content:center;margin:auto;width:90px}.tc-tabs{border-bottom:1px solid #dfe5ed;display:flex;gap:4px}.tc-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:#667085;font-weight:700;padding:14px 18px}.tc-tabs button.active{border-color:var(--tc-blue);color:var(--tc-blue)}.tc-workbar{background:#eef1f5;border-radius:99px;display:flex;height:30px;overflow:hidden}.tc-workbar span{background:#42d875}.tc-workbar i{background:#60a5fa}.tc-detail-grid{display:grid;grid-template-columns:1fr 1fr}.tc-detail-grid dd{font-weight:750;text-align:right}.tc-audit-box{background:#f7f9fc;border-radius:10px;display:flex;flex-direction:column;padding:14px}.tc-week-row{align-items:center;display:grid;gap:10px;grid-template-columns:35px 1fr 70px;margin:10px 0}.tc-week-row i{background:linear-gradient(to right,#25bf63 var(--progress),#e9edf3 var(--progress));border-radius:9px;height:8px}.tc-workflow{border-top:1px solid #edf0f5;margin-top:18px;padding-top:16px}.tc-lock-hero .tc-kpis{margin-top:20px}.form-control,.form-select{border-color:#dce2eb}.btn{border-radius:9px}.btn-primary{background:var(--tc-blue);border-color:var(--tc-blue)}
@media(max-width:1100px){.tc-layout{grid-template-columns:1fr}.tc-sticky{position:static}.tc-qr-panel{grid-template-columns:1fr}.tc-heading{flex-direction:column}.tc-compare{grid-template-columns:1fr}}
@media(max-width:700px){.tc-page{padding:16px!important}.tc-choice-grid,.tc-session-strip,.tc-meta-grid{grid-template-columns:1fr}.tc-kpis{grid-template-columns:1fr 1fr}.tc-actions{width:100%}.tc-table{min-width:900px}}
.time-clock-navbar-reader{min-height:300px;border-radius:14px;overflow:hidden;background:#f4f7fb}
.time-clock-navbar-reader video{border-radius:14px}