:root{--primary-color:#0056b3;--primary-hover:#004494;--secondary-color:#f8fafc;--gradient-primary:linear-gradient(135deg, var(--primary-color) 0%, #4f46e5 100%);--gradient-glass:linear-gradient(135deg, #fffffff0 0%, #ffffffe6 100%);--gradient-glow:radial-gradient(circle, #2563eb0f 0%, #2563eb00 70%);--bg-color:transparent;--surface-color:#ffffffeb;--surface-card:#fffffff0;--border-color:#0056b314;--border-highlight:#0056b326;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--success:#059669;--success-glow:#05966914;--danger:#e11d48;--danger-glow:#e11d4814;--warning:#d97706;--warning-glow:#d9770614;--info:#0284c7;--info-glow:#0284c714;--border-radius:20px;--border-radius-lg:24px;--border-radius-sm:14px;--shadow-sm:0 4px 16px -4px #0f172a0a;--shadow-md:0 16px 32px -8px #0f172a14, 0 4px 12px -4px #0f172a08;--shadow-lg:0 24px 48px -12px #0f172a1f;--shadow-primary:0 8px 24px -4px #0056b340;--glass-blur:blur(20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{background-color:#0000;max-width:480px;min-height:100vh;margin:0 auto;transition:max-width .3s;position:relative;overflow-x:hidden}#root.full-width{width:100vw!important;max-width:100%!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}#root:has(.full-width-container){width:100vw!important;max-width:100%!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.page-container{z-index:1;height:100vh;padding:24px 20px 120px;animation:.35s cubic-bezier(.16,1,.3,1) pageFadeIn;position:relative;overflow:hidden auto}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--gradient-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:22px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-lg);background:#ffffffbf;transform:translateY(-2px)}.card:active{transform:translateY(0)scale(.995)}.input-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.input-field{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);color:var(--text-primary);background-color:#ffffff8c;outline:none;width:100%;padding:16px 20px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0f172a05}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #0056b326, var(--shadow-sm);background-color:#fff}.input-field::placeholder{color:var(--text-muted)}label{color:var(--text-secondary);letter-spacing:.8px;text-transform:uppercase;font-size:12px;font-weight:700}.btn{border-radius:var(--border-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 24px -4px #0056b359}.btn-primary:active{transform:translateY(0)scale(.97)}.bottom-nav{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:1000;background:#ffffffa6;border-radius:24px;justify-content:space-around;align-items:center;max-width:440px;margin:0 auto;padding:12px 8px;display:flex;position:absolute;bottom:24px;left:20px;right:20px;box-shadow:0 16px 36px #0f172a14,inset 0 0 0 1px #fff9}.bottom-nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--primary-color);box-shadow:var(--shadow-sm);background:#fffc}.bottom-nav-item.active:after{content:"";background-color:var(--primary-color);width:4px;height:4px;box-shadow:0 0 6px var(--primary-color);border-radius:50%;position:absolute;bottom:2px}.bento-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.bento-stat{background:var(--gradient-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:20px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.bento-stat:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md);background:#fffc;transform:translateY(-2px)}.stat-value{color:var(--text-primary);letter-spacing:-1.5px;margin-top:4px;font-size:32px;font-weight:800;line-height:1.1}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-success{background-color:var(--success-glow);color:var(--success)}.badge-danger{background-color:var(--danger-glow);color:var(--danger)}.badge-warning{background-color:var(--warning-glow);color:var(--warning)}.badge-info{background-color:var(--info-glow);color:var(--info)}@keyframes shimmerGlow{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--border-radius-sm);background:linear-gradient(90deg,#fff6 25%,#ffffffb3 50%,#fff6 75%) 0 0/200% 100%;animation:1.6s infinite shimmerGlow}.skeleton-text{width:80%;height:16px;margin-bottom:10px}.skeleton-title{width:50%;height:28px;margin-bottom:16px}.skeleton-card{border-radius:var(--border-radius);height:160px}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0f172a26}@media (width>=481px){body{background:radial-gradient(circle at 0 0,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;overflow:hidden}#root{background-color:#fff;border-left:1px solid #0f172a14;border-right:1px solid #0f172a14;max-width:480px;height:100vh;margin:0 auto;overflow:hidden;box-shadow:0 0 60px #0f172a0f}.bottom-nav{width:calc(100% - 40px)!important;max-width:none!important;position:absolute!important;bottom:24px!important;left:20px!important;right:20px!important;transform:none!important}}.bento-stat-approvals{border:1px solid #f59e0b1f!important;border-left:4px solid var(--warning)!important;background:#fff!important;box-shadow:0 4px 16px #0f172a05!important}.bento-stat-approvals:hover{transform:translateY(-2px)scale(1.02);border-color:#f59e0b40!important;border-left:4px solid var(--warning)!important;box-shadow:0 12px 24px #f59e0b14!important}.bento-stat-tasks{border:1px solid #3b82f61f!important;border-left:4px solid var(--primary-color)!important;background:#fff!important;box-shadow:0 4px 16px #0f172a05!important}.bento-stat-tasks:hover{transform:translateY(-2px)scale(1.02);border-color:#3b82f640!important;border-left:4px solid var(--primary-color)!important;box-shadow:0 12px 24px #3b82f614!important}.bento-stat-shifts{border:1px solid #06b6d41f!important;border-left:4px solid var(--info)!important;background:#fff!important;box-shadow:0 4px 16px #0f172a05!important}.bento-stat-shifts:hover{transform:translateY(-2px)scale(1.02);border-color:#06b6d440!important;border-left:4px solid var(--info)!important;box-shadow:0 12px 24px #06b6d414!important}.bento-stat-chats{border:1px solid #10b9811f!important;border-left:4px solid var(--success)!important;background:#fff!important;box-shadow:0 4px 16px #0f172a05!important}.bento-stat-chats:hover{transform:translateY(-2px)scale(1.02);border-color:#10b98140!important;border-left:4px solid var(--success)!important;box-shadow:0 12px 24px #10b98114!important}.action-grid{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #0056b314;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:16px 8px;padding:20px 12px;display:grid}.action-grid-item{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:8px;padding:4px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.action-grid-item:hover{transform:translateY(-3px)}.action-grid-item:hover .action-icon-circle{transform:scale(1.1);box-shadow:0 6px 16px #0f172a14}.action-icon-circle{justifyContent:center;border-radius:16px;align-items:center;width:48px;height:48px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #0f172a05}.action-grid-label{color:var(--text-secondary);text-align:center;letter-spacing:-.2px;font-size:11px;font-weight:700}