@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--color-primary: #047857;--color-primary-hover: #065f46;--color-primary-light: rgba(4, 120, 87, .15);--color-accent: #0284c7;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-border: #cbd5e1;--color-border-strong: #94a3b8;--color-text-main: #0f172a;--color-text-muted: #475569;--color-text-light: #64748b;--color-success: #059669;--color-success-bg: #d1fae5;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-info: #1d4ed8;--color-info-bg: #dbeafe;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .12);--shadow-lg: 0 8px 24px -4px rgba(15, 23, 42, .18);--radius-sm: 8px;--radius-md: 12px}.dark{--color-bg: #0b0f19;--color-surface: #151e2e;--color-surface-hover: #1e293b;--color-border: #334155;--color-border-strong: #475569;--color-text-main: #f8fafc;--color-text-muted: #cbd5e1;--color-text-light: #94a3b8;--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-light: rgba(16, 185, 129, .25);--color-success-bg: rgba(16, 185, 129, .2);--color-warning-bg: rgba(217, 119, 6, .2);--color-danger-bg: rgba(220, 38, 38, .2);--color-info-bg: rgba(29, 78, 216, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-text-main)}button{cursor:pointer;font-family:var(--font-body);border:none;background:none;outline:none;transition:all .2s ease}input,select,textarea{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-text-main);background-color:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:10px 14px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.glass-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--color-primary);color:#fff;padding:10px 18px;border-radius:var(--radius-sm);font-weight:700;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #04785740}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-main);border:1.5px solid var(--color-border-strong);padding:10px 18px;border-radius:var(--radius-sm);font-weight:700;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background-color:var(--color-surface-hover)}.badge{padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px}.badge-present{background-color:var(--color-primary);color:#fff}.badge-late{background-color:var(--color-warning);color:#fff}.badge-absent{background-color:var(--color-danger);color:#fff}.badge-info{background-color:var(--color-accent);color:#fff}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 0 #dc262699}70%{transform:scale(1.02);box-shadow:0 0 0 8px #dc262600}to{transform:scale(1);box-shadow:0 0 #dc262600}}.blink-notification{animation:pulse-glow 1.5s infinite;background-color:#dc26261f!important;border:1.5px solid var(--color-danger)!important;color:var(--color-danger)!important}.admin-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;align-self:flex-start;scrollbar-width:thin}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}button,.btn-primary,.btn-secondary,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active,.btn-primary:active,.btn-secondary:active{transform:scale(.97)}.mobile-only{display:none!important}.desktop-only{display:block!important}table.desktop-only{display:table!important}.native-mobile-card{background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px #0000000a;transition:all .15s ease-in-out;display:flex;flex-direction:column;gap:12px}.native-mobile-card:active{border-color:var(--color-primary)}@keyframes slideUpNative{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.native-bottom-sheet-content{animation:slideUpNative .25s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:768px){.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}.desktop-only{display:none!important}.admin-panel-container{grid-template-columns:1fr!important;padding:12px 12px calc(76px + env(safe-area-inset-bottom,0px)) 12px!important;gap:12px!important}.admin-sidebar{display:none!important}.mobile-admin-header{display:flex!important;padding-top:calc(10px + env(safe-area-inset-top,0px))!important}.mobile-admin-dock{display:flex!important;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px)) 8px!important}.mobile-admin-dock button{flex:1 1 0%!important;width:20%!important;min-height:48px!important;justify-content:center!important;padding:4px 2px!important}input,select,textarea{font-size:16px!important}.native-modal-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;padding:16px!important;padding-top:calc(16px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;overflow-y:auto!important}.helpdesk-tickets-grid,.helpdesk-copilot-grid,.manager-responsive-grid{display:flex!important;flex-direction:column!important;gap:14px!important}}.helpdesk-tickets-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.helpdesk-copilot-grid,.manager-responsive-grid{display:grid;grid-template-columns:320px 1fr;gap:20px}
