:root { --app-primary:#c76520; --app-dark:#27323b; }
body { font-family: Tahoma, Arial, sans-serif; color:#20262b; }
.app-navbar { background:linear-gradient(110deg,#26333d,#354653); }
.btn-primary { --bs-btn-bg:var(--app-primary); --bs-btn-border-color:var(--app-primary); --bs-btn-hover-bg:#ad551a; --bs-btn-hover-border-color:#ad551a; }
.login-shell { min-height:100vh; display:grid; place-items:center; padding-top:3rem; padding-bottom:3rem; }
.login-card { width:min(100%,440px); }
.login-mark { width:64px;height:64px;border-radius:18px;background:var(--app-primary);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:bold;margin:auto; }
.avatar { width:48px;height:48px;border-radius:12px;object-fit:cover; }
.avatar-empty { display:grid;place-items:center;background:#e9ecef;color:#6c757d; }
.profile-photo { width:110px;height:130px;object-fit:cover;border-radius:12px; }
.employee-photo-preview { width:100px;height:120px;object-fit:cover;border-radius:10px; }
.table thead th { background:#f3f5f6;color:#53606a;font-size:.82rem;white-space:nowrap; }
.report-form-header { background:#fff5ed;color:#7a3c11; }
.field-card { border:1px solid #e3e6e8;border-radius:10px;padding:1rem;background:#fff; }
.field-card small { color:#6d7881;font-size:.75rem; }
.sticky-save { position:sticky;bottom:1rem;z-index:10;display:flex;gap:.5rem;width:max-content;margin:1.5rem auto 0;padding:.65rem;background:rgba(255,255,255,.94);border:1px solid #e1e5e8;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.1); }
.report-preview-wrap { overflow:auto;padding:18px;background:#dfe3e6;border-radius:12px; }
.report-preview-wrap .a4-report { margin:auto;box-shadow:0 3px 18px rgba(0,0,0,.18); }
@media (max-width:767px){ .sticky-save{width:100%;bottom:.5rem}.sticky-save .btn{flex:1}.report-preview-wrap{padding:6px}.report-preview-wrap .a4-report{transform-origin:top center;} }
@media print { .preview-toolbar,.public-report-note,.navbar,form,.alert{display:none!important}.container{max-width:none!important;padding:0!important}.report-preview-wrap{padding:0;background:#fff;overflow:visible}.report-preview-wrap .a4-report{box-shadow:none} }