:root{--primary: #1e3a8a;--primary-hover: #1e40af;--secondary: #0d9488;--accent: #f59e0b;--bg-main: #f8fafc;--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--radius: 14px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:24px 16px}.navbar{background-color:#fff;border-bottom:1px solid #e2e8f0;height:56px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 2px #0f172a08;position:sticky;top:0;z-index:1000}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.navbar-logo-emblem{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,#1e3a8a,#1e40af);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #1e3a8a40;flex-shrink:0}.navbar-brand-name{font-size:.86rem;font-weight:600;letter-spacing:.02em;color:#475569;display:flex;align-items:baseline;gap:5px}.navbar-brand-name strong{font-size:.92rem;font-weight:800;letter-spacing:-.01em;color:#1e3a8a}.navbar-links{display:flex;align-items:center;gap:12px}.navbar-nav-group{display:flex;align-items:center;gap:2px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:3px}.nav-item{height:30px;padding:0 11px;border-radius:6px;font-size:.8rem;font-weight:600;color:#475569;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease-in-out;border:1px solid transparent;white-space:nowrap}.nav-item:hover{color:#0f172a;background-color:#fff;border-color:#e2e8f0}.nav-item.active{background-color:#fff;color:#1d4ed8;font-weight:700;border-color:#bfdbfe;box-shadow:0 1px 2px #2563eb0f}.nav-item-admin{color:#1d4ed8}.nav-item-admin.active{color:#1e3a8a;border-color:#93c5fd}.navbar-system-group{display:flex;align-items:center;gap:8px}.session-timer-widget{height:32px;padding:0 6px 0 9px;border-radius:7px;border:1px solid #e2e8f0;background-color:#f8fafc;display:flex;align-items:center;gap:6px;font-size:.78rem;color:#64748b;transition:all .2s ease}.session-timer-widget.critical{border-color:#fca5a5;background-color:#fef2f2;color:#dc2626}.session-timer-widget .timer-icon{color:#64748b;flex-shrink:0}.session-timer-widget.critical .timer-icon{color:#dc2626}.session-timer-widget .timer-display{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:700;color:#334155;letter-spacing:.02em}.session-timer-widget.critical .timer-display{color:#dc2626}.timer-extend-btn{height:22px;padding:0 6px;border-radius:4px;border:1px solid #bfdbfe;background-color:#eff6ff;color:#1d4ed8;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:3px;cursor:pointer;transition:all .15s ease}.timer-extend-btn:hover{background-color:#dbeafe;border-color:#93c5fd;color:#1e40af}.user-account-widget{height:32px;display:flex;align-items:center;border-radius:7px;border:1px solid #e2e8f0;background-color:#f8fafc;overflow:hidden;transition:border-color .15s ease}.user-account-widget:hover{border-color:#cbd5e1}.user-account-info{display:flex;align-items:center;gap:6px;padding:0 8px 0 9px;font-size:.78rem;font-weight:600;color:#334155;-webkit-user-select:none;user-select:none}.user-role-dot{color:#2563eb;display:flex;align-items:center}.user-account-name{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-account-divider{width:1px;height:16px;background-color:#e2e8f0}.user-logout-btn{height:32px;width:28px;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.user-logout-btn:hover{color:#dc2626;background-color:#fee2e2}.ocr-status-widget{height:32px;padding:0 10px;border-radius:7px;display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;-webkit-user-select:none;user-select:none;transition:all .15s ease}.ocr-status-widget.online{border:1px solid #bbf7d0;background-color:#f0fdf4;color:#15803d}.ocr-status-widget.offline{border:1px solid #fca5a5;background-color:#fef2f2;color:#dc2626}.ocr-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ocr-status-widget.online .ocr-status-dot{background-color:#22c55e;box-shadow:0 0 0 2px #22c55e40}.ocr-status-widget.offline .ocr-status-dot{background-color:#ef4444;box-shadow:0 0 0 2px #ef444440}.ocr-status-text{letter-spacing:-.01em}.mobile-menu-btn{display:none;background:transparent;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;padding:5px;color:#1e3a8a}.mobile-menu-btn:hover{background-color:#f8fafc}@media(max-width:960px){.navbar{padding:0 16px}.mobile-menu-btn{display:block}.navbar-links-desktop{display:none!important}}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card-title{font-size:1.2rem;font-weight:800;margin-bottom:16px;color:var(--primary);display:flex;align-items:center;gap:8px}.home-service-card{transition:all .25s cubic-bezier(.4,0,.2,1);border:1.5px solid var(--border-color);background-color:#fff;border-radius:16px}.home-service-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -6px #1e3a8a1f,0 4px 8px -2px #0000000a;border-color:#93c5fd!important}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;font-size:.88rem;margin-bottom:6px;color:var(--text-main)}.form-control{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:.95rem;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1e3a8a1a}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#f1f5f9;color:var(--text-main);border:1px solid #cbd5e1}.btn-secondary:hover{background-color:#e2e8f0}.btn-success{background-color:var(--secondary);color:#fff}.btn-success:hover{background-color:#0f766e}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.dropzone,label.dropzone{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:180px!important;border:2px dashed #3b82f6!important;border-radius:14px!important;padding:28px 16px!important;text-align:center!important;background-color:#f8fafc!important;cursor:pointer!important;transition:all .2s ease!important;box-sizing:border-box!important;-webkit-user-select:none!important;user-select:none!important}.dropzone:hover,label.dropzone:hover,.dropzone.active,label.dropzone.drag-over{border-color:#1d4ed8!important;background-color:#eff6ff!important;box-shadow:0 4px 14px #1d4ed826!important}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}