body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-body);background:var(--color-bg);-webkit-font-smoothing:antialiased;}
button{font-family:var(--font-mono);}
h1,.h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:-0.025em;font-weight:700;}
h2,.h2{font-size:var(--font-size-xl);line-height:var(--line-height-snug);letter-spacing:-0.02em;font-weight:600;}
h3,.h3{font-size:var(--font-size-lg);line-height:var(--line-height-snug);font-weight:600;}
label,.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);}
.badge,.tag-overline{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:0.08em;text-transform:uppercase;}
.hidden{display:none !important;}.req{color:var(--color-danger);}
.lp-main{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4);}
.lp-heading{text-align:center;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;}
.lp-heading>span{color:var(--color-text-muted);}
.lp-login-option-btns{display:flex;gap:var(--space-2);margin-top:var(--space-3);}
.lp-login-option-btns button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);}
.lp-login-option-btns button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.lp-forms{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);width:100%;max-width:420px;box-shadow:var(--shadow-sm);}
.lp-forms>span{display:block;font-weight:600;margin-bottom:var(--space-3);}
.lp-form-wrapper{display:flex;flex-direction:column;gap:var(--space-2);}
.lp-form-wrapper input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:var(--space-2);}
.lp-form-wrapper input[type="radio"]{width:auto;margin:0;}
.lp-form-wrapper button[type="submit"]{margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius);background:var(--color-primary);color:#fff;font-weight:600;}
.lp-form-wrapper button[type="submit"]:hover{background:var(--color-primary-hover);}
.lp-mode-toggle{display:flex;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-2);}
.lp-mode-toggle label{display:flex;align-items:center;gap:6px;cursor:pointer;}
.form-link{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:underline;text-align:center;margin-top:var(--space-2);display:inline-block;width:100%;background:none;}
.form-link:hover{color:var(--color-text);}
.form-error{color:var(--color-danger);font-family:var(--font-mono);font-size:var(--font-size-xs);min-height:1.2em;margin-top:var(--space-1);}
.form-success{color:var(--color-success);font-family:var(--font-mono);font-size:var(--font-size-xs);min-height:1.2em;margin-top:var(--space-1);}
.header-dh{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);}
.logo-dh{display:flex;align-items:baseline;gap:var(--space-2);}.logo-txt-dh{font-weight:700;}
.team-logo-dh{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted);}
.header-cta-dh{display:flex;align-items:center;gap:var(--space-3);}
.btn-cta-header{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);}
.main-dsh{max-width:1000px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);}
.log-ot-form-wrapper,.entries-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);}
.log-ot-heading{margin-bottom:var(--space-3);}
.log-ot-form-contaier{display:flex;flex-direction:column;gap:var(--space-3);}
.form-input-wrapper{display:flex;flex-direction:column;gap:var(--space-1);}
.form-input-wrapper input,.form-input-wrapper textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);}
.form-input-wrapper textarea{min-height:80px;resize:vertical;}
.log-ot-action-buttons{display:flex;gap:var(--space-2);}
.log-ot-ac-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-weight:600;}
.submit-ot{background:var(--color-primary);color:#fff;}.submit-ot:hover{background:var(--color-primary-hover);}
.clear-ot{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);}
.entries-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;}
.approved-total{background:var(--color-badge);padding:var(--space-1) var(--space-3);border-radius:var(--radius);color:var(--color-text);}
.table-scroll{overflow-x:auto;}.ot-table{font-size:var(--font-size-sm);}
.ot-table th,.ot-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap;}
.ot-table th{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.06em;color:var(--color-text-muted);}
.empty-row{text-align:center;color:var(--color-text-muted);padding:var(--space-5);}
.status-badge{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.04em;padding:2px var(--space-2);border-radius:999px;border:1px solid transparent;}
.status-pending{color:#92600a;background:#fef3c7;border-color:#fde68a;}
.status-approved,.status-active{color:var(--color-success);background:#d1fae5;border-color:#a7f3d0;}
.status-rejected{color:var(--color-danger);background:#fee2e2;border-color:#fecaca;}
.status-suspended{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb;}
.filter-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;}
.filter-tab{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.04em;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);}
.filter-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.row-actions{display:flex;gap:var(--space-2);}
.mini-btn{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius);border:1px solid var(--color-border);}
.mini-btn.approve{color:#fff;background:var(--color-success);border-color:var(--color-success);}
.mini-btn.reject{color:#fff;background:var(--color-danger);border-color:var(--color-danger);}
.mini-btn.suspend{color:#374151;background:#f3f4f6;border-color:#e5e7eb;}
.mini-btn.reactivate{color:#fff;background:var(--color-primary);border-color:var(--color-primary);}
.mini-btn:disabled{opacity:0.5;cursor:default;}
.reviewed-note{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);}
.toolbar{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-badge);border-radius:var(--radius);}
.toolbar .field{display:flex;flex-direction:column;gap:var(--space-1);}
.toolbar input,.toolbar select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);}
.btn-export{padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--color-success);color:#fff;font-weight:600;}
.btn-export:hover{filter:brightness(0.95);}
.section-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);}
.section-tab{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);font-weight:600;}
.section-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}