@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--primary-blue:#256bf5;--primary-blue-hover:#1a5ae0;--primary-blue-subtle:#ebf2ff;--btn-yellow-light:#fef9c3;--btn-yellow-base:#fef08a;--btn-yellow-hover:#fde047;--btn-yellow-border:#facc15;--btn-yellow-text:#0f172a;--btn-yellow-shadow:#facc1533;--btn-yellow-shadow-hover:#facc1559;--bg-gradient:radial-gradient(circle at 15% 20%, #6ee7b759 0%, transparent 45%), radial-gradient(circle at 85% 25%, #93c5fd66 0%, transparent 45%), radial-gradient(circle at 50% 85%, #fef08a4d 0%, transparent 55%), #f8fafc;--surface-white:#fff;--surface-subtle:#f8fafc;--text-dark:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--text-placeholder:#94a3b8;--border-input:#e2e8f0;--border-focus:#facc15;--color-green:#10b981;--color-green-subtle:#ecfdf5;--color-amber:#f59e0b;--color-amber-subtle:#fffbeb;--color-red:#ef4444;--color-red-subtle:#fef2f2;--color-purple:#8b5cf6;--color-purple-subtle:#f5f3ff;--radius-pill:9999px;--radius-card:20px;--radius-device:48px;--ease-smooth:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif}body{background:var(--bg-gradient);color:var(--text-dark);flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.webapp-shell{width:100%;min-height:100vh;animation:fadeInApp .4s var(--ease-smooth);flex-direction:column;display:flex;position:relative}@keyframes fadeInApp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.webapp-navbar{z-index:45;-webkit-backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e2e8f0;width:100%;position:sticky;top:0;box-shadow:0 4px 20px -4px #0f172a0d}.webapp-navbar-inner{justify-content:space-between;align-items:center;gap:1.25rem;max-width:1360px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.webapp-brand-left{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.brand-emblem-mini{color:#0f172a;background:linear-gradient(135deg,#fef08a 0%,#10b981 100%);border:1.5px solid #fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #facc1533}.brand-name-group{flex-direction:column;justify-content:center;display:flex}.brand-name-group .brand-title{color:#0f172a;letter-spacing:-.2px;font-size:1.15rem;font-weight:800;line-height:1.15}.brand-name-group .brand-sub{color:#64748b;margin-top:1px;font-size:.685rem;font-weight:600}.webapp-nav-controls{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.nav-aux-group,.nav-user-auth-group{align-items:center;gap:.5rem;display:flex}.live-clock-pill{border-radius:var(--radius-pill);color:#334155;box-sizing:border-box;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;align-items:center;gap:.4rem;height:36px;padding:0 .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.btn-pwa-install{color:#fef08a;border-radius:var(--radius-pill);cursor:pointer;height:36px;transition:all .2s var(--ease-smooth);box-sizing:border-box;white-space:nowrap;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1.5px solid #facc15;align-items:center;gap:.4rem;padding:0 .95rem;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #facc1533}.btn-pwa-install:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);transform:translateY(-1px);box-shadow:0 4px 14px #facc1559}.webapp-main-content{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:1.5rem 1.25rem 3.5rem}.responsive-cards-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem;display:grid}.responsive-two-col{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=900px){.responsive-two-col{grid-template-columns:1fr}}@media (width<=768px){.responsive-cards-grid{grid-template-columns:1fr}.webapp-navbar-inner{flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 1rem}.webapp-brand-left{justify-content:center;width:100%}.webapp-nav-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.nav-aux-group,.nav-user-auth-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.live-clock-pill,.btn-pwa-install,.role-badge-pill,.dash-logout-corner{height:34px;padding:0 .75rem;font-size:.725rem}.webapp-main-content{padding:1rem .75rem 3.5rem}.duty-sheet-card{border-radius:18px;margin-bottom:1.5rem;padding:1.25rem 1rem}.duty-header-banner{flex-direction:column;align-items:stretch;gap:1rem;padding:1.15rem 1rem}.duty-header-left{width:100%}.duty-header-titles h3{font-size:1.05rem}.duty-header-badges{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;padding-top:.65rem;display:flex}.duty-date-badge,.duty-live-badge{height:30px;padding:0 .7rem;font-size:.7rem}.duty-form-grid{grid-template-columns:1fr;gap:1rem}}.webapp-auth-center{background:var(--surface-white);width:100%;max-width:480px;animation:fadeInApp .4s var(--ease-smooth);border:1.5px solid #e2e8f0;border-radius:28px;margin:2.5rem auto;padding:2.25rem;box-shadow:0 20px 50px -10px #0f172a1f,0 0 0 1px #e2e8f0cc}.role-demo-bar{border-radius:var(--radius-pill);background:#f1f5f9;justify-content:center;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:4px;display:flex}.role-demo-chip{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:.4rem .3rem;font-size:.7rem;font-weight:700;transition:all .2s}.role-demo-chip.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000014}.brand-top-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:.25rem;margin-bottom:1.25rem;display:flex}.brand-emblem-badge{color:#0f172a;width:56px;height:56px;transition:transform .3s var(--ease-smooth);background:linear-gradient(135deg,#fef08a 0%,#10b981 100%);border:2px solid #fff;border-radius:18px;justify-content:center;align-items:center;margin-bottom:.5rem;animation:3s ease-in-out infinite alternate floatEmblem;display:flex;box-shadow:0 8px 20px #facc1540,0 2px 8px #10b98126}@keyframes floatEmblem{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.brand-company-title{color:#0f172a;letter-spacing:-.3px;font-size:1.3rem;font-weight:800;line-height:1.2}.brand-company-tagline{color:#64748b;margin-top:2px;font-size:.75rem;font-weight:600}.auth-title{color:#0f172a;text-align:center;letter-spacing:-.5px;margin-bottom:1.25rem;font-size:1.7rem;font-weight:800}.auth-form-stack{flex-direction:column;gap:.95rem;display:flex}.input-pill-wrapper{align-items:center;display:flex;position:relative}.input-pill-icon{color:var(--text-light);pointer-events:none;transition:color .2s;position:absolute;left:1.25rem}.input-pill-wrapper:focus-within .input-pill-icon{color:#eab308}.input-pill-field{border-radius:var(--radius-pill);border:1.5px solid var(--border-input);background:var(--surface-white);width:100%;color:var(--text-dark);transition:all .25s var(--ease-smooth);outline:none;padding:.95rem 1.25rem .95rem 3.25rem;font-size:.925rem;font-weight:500}.input-pill-field::placeholder{color:var(--text-placeholder);font-weight:500}.input-pill-field:focus{background:#fefce8;border-color:#facc15;box-shadow:0 0 0 4px #facc1526}.input-pill-action{color:var(--text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:absolute;right:1.25rem}.input-pill-action:hover{color:#0f172a;transform:scale(1.1)}.forgot-pwd-row{text-align:right;margin-top:-.25rem;margin-bottom:.25rem}.forgot-pwd-link{color:var(--primary-blue);cursor:pointer;font-size:.85rem;font-weight:700;text-decoration:none}.btn-pill-primary{width:100%;color:var(--btn-yellow-text);border-radius:var(--radius-pill);cursor:pointer;box-shadow:0 4px 14px var(--btn-yellow-shadow);transition:all .25s var(--ease-smooth);letter-spacing:.2px;background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border:1.5px solid #fde047;justify-content:center;align-items:center;gap:.45rem;margin-top:.5rem;padding:.95rem;font-size:.95rem;font-weight:800;display:flex;position:relative;overflow:hidden}.btn-pill-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-pill-primary:hover{box-shadow:0 8px 22px var(--btn-yellow-shadow-hover);background:linear-gradient(135deg,#fffde0 0%,#fde047 100%);border-color:#facc15;transform:translateY(-2px)}.btn-pill-primary:hover:after{transition:all .75s ease-in-out;left:200%}.btn-pill-primary:active{transform:translateY(0)scale(.99)}.btn-retry-upload{color:#dc2626;border-radius:var(--radius-pill);cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.5rem;padding:.85rem;font-size:.9rem;font-weight:800;display:flex}.or-divider{text-align:center;color:var(--text-light);letter-spacing:.5px;align-items:center;margin:1.15rem 0 1rem;font-size:.8rem;font-weight:700;display:flex}.or-divider:before,.or-divider:after{content:"";border-bottom:1px solid var(--border-input);flex:1}.or-divider:before{margin-right:1rem}.or-divider:after{margin-left:1rem}.social-login-row{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.15rem;display:flex}.social-circle-btn{border:1px solid var(--border-input);cursor:pointer;width:44px;height:44px;transition:all .25s var(--ease-smooth);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000000a}.social-circle-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 6px 16px #00000017}.social-circle-btn.x-btn{color:#fff;background:#000}.social-circle-btn.fb-btn{color:#fff;background:#1877f2}.auth-switch-footer{text-align:center;color:var(--text-muted);margin-top:auto;padding-top:.5rem;font-size:.85rem}.dash-topbar{border-bottom:1px solid var(--border-input);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.4rem 0 .75rem;display:flex}.dash-logout-corner{background:var(--color-red-subtle);height:36px;color:var(--color-red);border-radius:var(--radius-pill);cursor:pointer;transition:all .2s var(--ease-smooth);box-sizing:border-box;white-space:nowrap;border:1.5px solid #fecaca;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.dash-logout-corner:hover{background:var(--color-red);color:#fff;transform:translateY(-1px)}.dash-brand-title{color:#0f172a;font-size:.95rem;font-weight:800}.role-badge-pill{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.4px;box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;height:36px;padding:0 .85rem;font-size:.725rem;font-weight:800;display:inline-flex}.role-super{color:#6d28d9;background:#ede9fe;border:1.5px solid #ddd6fe}.role-manager{color:#1d4ed8;background:#dbeafe;border:1.5px solid #bfdbfe}.role-user{color:#047857;background:#ecfdf5;border:1.5px solid #a7f3d0}.dash-tab-strip{border-radius:var(--radius-pill);background:#f1f5f9;gap:4px;margin-bottom:.85rem;padding:4px;display:flex;overflow-x:auto}.dash-tab-btn{color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;flex:1;padding:.45rem .35rem;font-size:.685rem;font-weight:700;transition:all .2s}.dash-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #00000014}.super-admin-banner{background:linear-gradient(135deg,#fff 0%,#fefce8 100%);border:1.5px solid #fef08a;border-radius:18px;margin-bottom:.85rem;padding:.85rem 1rem;box-shadow:0 4px 12px #facc151f}.super-meta-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.super-meta-top h5{color:#0f172a;font-size:.875rem;font-weight:800}.super-kpi-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.super-kpi-chip{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.35rem .45rem}.super-kpi-chip span{color:#64748b;text-transform:uppercase;font-size:.6rem;font-weight:600;display:block}.super-kpi-chip strong{color:#0f172a;font-size:.9rem;font-weight:800}.super-filter-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:.65rem;margin-bottom:.85rem;padding:.85rem;display:flex;box-shadow:0 2px 8px #00000008}.filter-group-header{color:#475569;text-transform:uppercase;letter-spacing:.4px;font-size:.725rem;font-weight:800}.unit-picker-trigger-btn{text-align:left;cursor:pointer;width:100%;transition:all .2s var(--ease-smooth);background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:14px;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.unit-picker-trigger-btn:hover{background:#fefce8;border-color:#facc15}.unit-trigger-text{flex-direction:column;flex:1;display:flex;overflow:hidden}.unit-trigger-sub{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:.625rem;font-weight:700}.unit-trigger-val{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.775rem;font-weight:800;overflow:hidden}.unit-trigger-chevron{color:#64748b;flex-shrink:0;transition:transform .2s}.unit-picker-trigger-btn:hover .unit-trigger-chevron{color:#0f172a;transform:translateY(1px)}.unit-picker-list{flex-direction:column;gap:.5rem;max-height:65vh;margin-top:.5rem;padding-right:2px;display:flex;overflow-y:auto}.unit-picker-item{cursor:pointer;transition:all .2s var(--ease-smooth);text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:.65rem;padding:.75rem .85rem;display:flex}.unit-picker-item:hover{background:#fefce8;border-color:#facc15}.unit-picker-item.active{background:#fefce8;border-color:#facc15;box-shadow:0 2px 8px #facc1533}.unit-item-badge{color:#334155;background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:.675rem;font-weight:800;display:flex}.unit-picker-item.active .unit-item-badge{color:#fff;background:#0f172a}.unit-item-content{flex-direction:column;flex:1;display:flex}.unit-item-title{color:#0f172a;word-break:break-word;font-size:.785rem;font-weight:700;line-height:1.35}.unit-item-check{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-self:flex-start;margin-top:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.structured-filter-bar{gap:.35rem;padding-bottom:2px;display:flex;overflow-x:auto}.filter-pill{border-radius:var(--radius-pill);color:#64748b;cursor:pointer;transition:all .2s var(--ease-smooth);text-align:center;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;flex:1;padding:.45rem .4rem;font-size:.685rem;font-weight:700}.filter-pill:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.filter-pill.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 2px 6px #0f172a33}.filter-pill.risk-crit.active{color:#dc2626;background:#fef2f2;border-color:#dc2626;box-shadow:0 2px 6px #dc262633}.filter-pill.risk-high.active{color:#ea580c;background:#fff7ed;border-color:#ea580c;box-shadow:0 2px 6px #ea580c33}.filter-pill.risk-med.active{color:#d97706;background:#fefce8;border-color:#facc15;box-shadow:0 2px 6px #d9770633}.complaint-evidence-card{border:1.5px solid var(--border-input);transition:all .2s var(--ease-smooth);background:#fff;border-radius:16px;flex-direction:column;gap:.45rem;margin-bottom:.75rem;padding:.95rem;display:flex}.complaint-evidence-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.file-attachment-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;margin:.2rem 0;padding:.6rem .75rem;display:flex}.file-info-group{align-items:center;gap:.5rem;display:flex;overflow:hidden}.file-icon-badge{color:#256bf5;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:800;display:flex}.file-icon-badge.pdf{color:#dc2626;background:#fef2f2}.file-icon-badge.img{color:#059669;background:#ecfdf5}.file-name-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.75rem;font-weight:700;overflow:hidden}.btn-view-doc{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#0f172a;border:none;flex-shrink:0;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.675rem;font-weight:800;transition:all .2s;display:flex}.btn-view-doc:hover{background:#1e293b;transform:translateY(-1px)}.audit-timeframe-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.685rem;display:flex}.upload-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:.85rem;padding:1.25rem 1rem;transition:all .2s;display:flex}.upload-dropzone:hover,.upload-dropzone.active{background:#fefce8;border-color:#facc15}.upload-icon-circle{color:#854d0e;background:#fef9c3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.45rem;display:flex}.upload-selected-preview{background:#fff;border:1.5px solid #facc15;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:.85rem;padding:.75rem;display:flex}.sub-risk-label{color:#0f172a;margin-bottom:.4rem;font-size:.775rem;font-weight:700;display:block}.sub-risk-grid{grid-template-columns:1fr;gap:.45rem;margin-bottom:.85rem;display:grid}.sub-risk-card{border:1.5px solid var(--border-input);color:#0f172a;cursor:pointer;background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.785rem;font-weight:700;transition:all .2s;display:flex}.sub-risk-card:hover{background:#fefce8;border-color:#facc15}.sub-risk-card.selected{color:#0f172a;background:#fefce8;border-color:#facc15;box-shadow:0 2px 8px #facc152e}.custom-problem-card{background:#fffbeb;border:1.5px solid #fde68a;border-radius:14px;margin-bottom:.85rem;padding:.85rem;animation:.25s fadeInContent}.portal-logout-section{background:#fffbeb;border:1.5px solid #fef08a;border-radius:18px;flex-direction:column;gap:.55rem;margin-top:1.25rem;padding:.95rem 1rem;display:flex}.portal-logout-header{justify-content:space-between;align-items:center;display:flex}.portal-logout-header h6{color:#854d0e;font-size:.8rem;font-weight:800}.portal-logout-meta{color:#713f12;background:#fff;border:1px solid #fde68a;border-radius:10px;justify-content:space-between;padding:.45rem .65rem;font-size:.7rem;display:flex}.btn-record-logout{color:#dc2626;border-radius:var(--radius-pill);cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.75rem 1rem;font-size:.825rem;font-weight:800;transition:all .2s;display:flex}.btn-record-logout:hover{color:#fff;background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}.logout-stamp-toast{color:#fff;z-index:99;text-align:center;background:#0f172a;border-radius:20px;min-width:260px;padding:1.25rem 1.5rem;animation:.25s fadeInContainer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 35px #0006}.enterprise-account-card{border:1.5px solid var(--border-input);background:#fff;border-radius:14px;flex-direction:column;gap:.45rem;margin-bottom:.65rem;padding:.85rem;transition:all .2s;display:flex}.enterprise-account-card:hover{border-color:#cbd5e1;box-shadow:0 3px 10px #0000000a}.acc-card-header{justify-content:space-between;align-items:center;display:flex}.sno-pill{color:#fff;background:#0f172a;border-radius:6px;padding:.15rem .45rem;font-size:.65rem;font-weight:800}.acc-name-text{color:#0f172a;margin-left:.45rem;font-size:.85rem;font-weight:800}.acc-email-sub{color:#64748b;margin-top:1px;font-size:.725rem}.acc-time-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:.45rem;padding:.45rem .65rem;font-size:.7rem;display:grid}.acc-time-grid div span{color:#64748b;font-size:.625rem;display:block}.acc-time-grid div strong{color:#0f172a;font-weight:700}.assignment-card{border:1.5px solid var(--border-input);background:#fff;border-radius:16px;margin-bottom:.75rem;padding:.95rem}.assignment-card-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.assignment-task-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.2rem .5rem;font-size:.685rem;font-weight:800}.manager-action-bar{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.btn-create-user{color:#0f172a;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border:1.5px solid #fde047;padding:.45rem .85rem;font-size:.75rem;font-weight:800;transition:all .2s;box-shadow:0 2px 6px #facc1533}.btn-create-user:hover{background:#fde047;transform:translateY(-1px)}.user-unit-tag{color:#256bf5;word-break:break-word;background:#ebf2ff;border-radius:6px;padding:.15rem .45rem;font-size:.65rem;font-weight:700;line-height:1.3;display:inline-block}.manager-remark-box{gap:.4rem;margin-top:.25rem;display:flex}.manager-remark-input{border:1px solid var(--border-input);border-radius:8px;outline:none;flex:1;padding:.45rem .65rem;font-size:.75rem}.manager-remark-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.45rem .75rem;font-size:.7rem;font-weight:700}.live-session-card{background:linear-gradient(135deg,#fffdeb 0%,#fef9c3 100%);border:1px solid #fef08a;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.95rem 1.15rem;display:flex;box-shadow:0 2px 8px #facc151f}.session-meta h5{color:#0f172a;font-size:.85rem;font-weight:800}.session-meta p{color:var(--text-muted);margin-top:2px;font-size:.725rem}.pulse-dot-live{background:var(--color-green);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-green-subtle);border-radius:50%;margin-right:6px;animation:2s infinite pulseRadar;display:inline-block}@keyframes pulseRadar{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.live-session-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;max-width:860px;margin:0 auto 1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 10px #0000000a}.clock-toggle-btn{border-radius:var(--radius-pill);cursor:pointer;transition:all .25s var(--ease-smooth);border:none;padding:.5rem .95rem;font-size:.75rem;font-weight:700}.clock-toggle-btn.out{background:var(--color-red-subtle);color:var(--color-red);border:1px solid #fecaca}.clock-toggle-btn.in{color:#0f172a;background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border:1px solid #fde047}.user-assigned-notice{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:16px;max-width:860px;margin:0 auto 1rem;padding:.85rem 1rem}.user-assigned-notice h6{color:#065f46;font-size:.8rem;font-weight:800}.user-assigned-notice p{color:#047857;margin-top:2px;font-size:.725rem}.evo-card-container{border:1.5px solid var(--border-input);background:#fff;border-radius:20px;max-width:860px;margin:0 auto;padding:1.4rem;box-shadow:0 4px 16px #0000000a}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-sheet{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;width:100%;max-width:580px;max-height:88vh;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;overflow-y:auto;box-shadow:0 25px 60px -15px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.modal-header h4{color:#0f172a;font-size:1.05rem;font-weight:800}.close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;transition:all .2s;display:flex}.close-btn:hover{color:#0f172a;background:#e2e8f0}.doc-viewer-container{flex-direction:column;align-items:center;gap:.85rem;padding:.5rem 0;display:flex}.doc-viewer-img{object-fit:contain;background:#0f172a;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-height:380px}.doc-viewer-pdf-frame{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:340px;padding:1.5rem;display:flex}.corner-widget-container{z-index:99;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:28px;right:28px}.widget-click-backdrop{z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a59;animation:.2s fadeInBackdrop;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.corner-widget-fab{color:#fef08a;cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:2px solid #facc15;border-radius:50%;outline:none;justify-content:center;align-items:center;width:54px;height:54px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 10px 25px -4px #0f172a73,0 0 16px #facc1559}.corner-widget-fab:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 14px 30px #0f172a80,0 0 22px #facc158c}.corner-widget-fab.open{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-color:#fecaca;box-shadow:0 8px 22px #dc262666}.fab-icon-wrapper{justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.corner-widget-fab.open .fab-icon-wrapper{transform:rotate(90deg)}.fab-badge-chip{color:#fff;background:#10b981;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:800;animation:2.2s infinite pulseFab;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #00000026}@keyframes pulseFab{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.widget-popup-menu{-webkit-backdrop-filter:blur(18px);transform-origin:100% 100%;background:#fffffff7;border:1.5px solid #fef08a;border-radius:24px;width:290px;max-width:86vw;margin-bottom:.75rem;padding:.95rem;animation:.28s cubic-bezier(.16,1,.3,1) widgetPopup;box-shadow:0 20px 45px -8px #0f172a40,0 0 0 1px #facc1533}@keyframes widgetPopup{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.widget-menu-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.55rem;display:flex}.widget-header-title{align-items:center;gap:.35rem;display:flex}.widget-header-title h5{color:#0f172a;font-size:.85rem;font-weight:800;line-height:1.2}.widget-header-sub{color:#64748b;font-size:.625rem;font-weight:600;display:block}.widget-close-mini{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:800;transition:all .2s;display:flex}.widget-close-mini:hover{color:#0f172a;background:#e2e8f0}.widget-sections-stack{flex-direction:column;gap:.45rem;display:flex}.widget-section-btn{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;align-items:center;gap:.65rem;width:100%;padding:.6rem .75rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.widget-section-btn:hover{transform:translate(3px);box-shadow:0 4px 14px #0000000f}.widget-section-btn.btn-login:hover{background:#fefce8;border-color:#facc15}.widget-section-btn.btn-logout:hover{background:#fef2f2;border-color:#fca5a5}.widget-section-btn.btn-mum:hover{background:#eff6ff;border-color:#93c5fd}.widget-section-btn.btn-createtask:hover{background:#ecfdf5;border-color:#6ee7b7}.widget-icon-pill{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:transform .2s;display:flex}.widget-section-btn:hover .widget-icon-pill{transform:scale(1.12)}.widget-icon-pill.login{color:#854d0e;background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border:1px solid #fde047}.widget-icon-pill.logout{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #f87171}.widget-icon-pill.mum{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd}.widget-icon-pill.createtask{color:#047857;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.widget-item-content{flex-direction:column;flex:1;min-width:0;display:flex}.widget-item-name{color:#0f172a;font-size:.825rem;font-weight:800;line-height:1.25}.widget-item-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.65rem;overflow:hidden}.widget-arrow-icon{color:#94a3b8;flex-shrink:0;transition:transform .2s}.widget-section-btn:hover .widget-arrow-icon{color:#0f172a;transform:translate(2px)}.mum-modal-body{max-height:72vh;padding-right:2px;overflow-y:auto}.mum-kpi-summary{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.85rem;display:grid}.mum-kpi-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.5rem .4rem}.mum-kpi-card span{color:#64748b;text-transform:uppercase;font-size:.6rem;font-weight:700;display:block}.mum-kpi-card strong{color:#0f172a;font-size:.95rem;font-weight:800}.mum-unit-item-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:.55rem;padding:.75rem .85rem;transition:all .2s}.mum-unit-item-card:hover{background:#f8fafc;border-color:#93c5fd;box-shadow:0 4px 12px #256bf514}.mum-unit-top{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.mum-unit-title{color:#0f172a;font-size:.825rem;font-weight:800;line-height:1.3}.mum-status-chip{white-space:nowrap;border-radius:6px;padding:.15rem .45rem;font-size:.625rem;font-weight:800}.mum-status-active{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.mum-status-review{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.mum-unit-meta-grid{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:1fr 1fr;gap:.4rem;padding:.4rem .6rem;font-size:.685rem;display:grid}.mum-form-grid{flex-direction:column;gap:.75rem;display:flex}.mum-timeline-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:.65rem;padding:.75rem .85rem;position:relative}.mum-timeline-header{justify-content:space-between;align-items:flex-start;margin-bottom:.35rem;display:flex}.mum-timeline-agenda{color:#0f172a;font-size:.85rem;font-weight:800}.mum-timeline-desc{color:#475569;margin-bottom:.45rem;font-size:.75rem;line-height:1.35}.mum-timeline-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:.35rem;font-size:.685rem;display:flex}.duty-sheet-card{max-width:980px;animation:fadeInApp .35s var(--ease-smooth);background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;margin:0 auto 2.5rem;padding:2rem 2.25rem;box-shadow:0 12px 35px -8px #0f172a14,0 0 0 1px #e2e8f0cc}.duty-header-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1.5px solid #334155;border-radius:18px;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 20px #0f172a26}.duty-header-left{flex:1;align-items:center;gap:1rem;display:flex}.duty-emblem{color:#0f172a;background:linear-gradient(135deg,#fef08a 0%,#10b981 100%);border:2px solid #fff6;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex;box-shadow:0 4px 14px #facc1540}.duty-header-titles{flex-direction:column;display:flex}.duty-header-titles h3{color:#fff;letter-spacing:-.2px;margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}.duty-header-titles p{color:#94a3b8;margin:3px 0 0;font-size:.75rem;font-weight:500;line-height:1.3}.duty-header-badges{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.duty-date-badge{color:#fef08a;border-radius:var(--radius-pill);box-sizing:border-box;white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;align-items:center;height:34px;padding:0 .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.duty-live-badge{color:#6ee7b7;border-radius:var(--radius-pill);box-sizing:border-box;white-space:nowrap;background:#10b9812e;border:1px solid #10b981;align-items:center;gap:.4rem;height:34px;padding:0 .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.duty-form-grid{grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;margin-bottom:1.5rem;display:grid}.duty-form-grid.full-row{grid-column:1/-1}.duty-field-wrapper{flex-direction:column;gap:.4rem;display:flex}.duty-field-label{color:#1e293b;align-items:center;gap:.4rem;font-size:.8rem;font-weight:800;display:flex}.duty-field-label span.req{color:#ef4444;font-weight:900}.duty-field-hint{color:#64748b;margin-top:-2px;font-size:.685rem}.duty-input-box,.duty-select-box{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:.825rem;font-weight:600;transition:all .2s}.duty-input-box:focus,.duty-select-box:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.duty-input-box.time-box{color:#b45309;background:#fffbeb;border-color:#fde047;font-weight:800}.duty-textarea-box{color:#0f172a;resize:vertical;box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;min-height:80px;padding:.75rem .9rem;font-family:inherit;font-size:.825rem;line-height:1.45;transition:all .2s}.duty-textarea-box:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.duty-action-group{border-top:1.5px solid #f1f5f9;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.btn-duty-submit{color:#fef08a;border-radius:var(--radius-pill);cursor:pointer;transition:all .2s var(--ease-smooth);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1.5px solid #facc15;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 4px 14px #0f172a33}.btn-duty-submit:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0f172a4d}.btn-duty-logout{color:#dc2626;border-radius:var(--radius-pill);cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.85rem;font-weight:800;transition:all .2s;display:flex}.btn-duty-logout:hover{color:#fff;background:#dc2626;transform:translateY(-1px)}.duty-success-alert{color:#065f46;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #10b981;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;animation:.3s fadeInApp;display:flex}.duty-recent-table-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;margin-top:2rem;padding:1.25rem}@media (width<=768px){.duty-sheet-card{border-radius:18px;padding:1.25rem 1rem}.duty-form-grid{grid-template-columns:1fr;gap:1rem}.duty-action-group{flex-direction:column;width:100%}.btn-duty-submit,.btn-duty-logout{justify-content:center;width:100%}}.super-admin-section{animation:fadeInApp .35s var(--ease-smooth)}.super-kpi-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.5rem;display:grid}.super-kpi-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:all .2s;display:flex}.super-kpi-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0f}.super-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.super-kpi-card .kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:.685rem;font-weight:700}.super-kpi-card .kpi-value{color:#0f172a;font-size:1.25rem;font-weight:800;line-height:1.2}.super-admin-toolbar{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.5rem;padding:1rem 1.15rem;display:flex}.super-toolbar-search{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.super-search-input{border-radius:var(--radius-pill);color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;outline:none;width:100%;padding:.55rem .85rem .55rem 2.25rem;font-size:.8rem;transition:all .2s}.super-search-input:focus{border-color:#256bf5;box-shadow:0 0 0 3px #256bf51f}.super-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.8rem}.super-toolbar-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.super-filter-select{border-radius:var(--radius-pill);color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;outline:none;padding:.5rem .75rem;font-size:.75rem;font-weight:700}.super-filter-select:focus{border-color:#256bf5}.btn-super-action{color:#fff;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:#0f172a;border:1.5px solid #0f172a;align-items:center;gap:.4rem;height:36px;padding:0 1rem;font-size:.75rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-super-action:hover{background:#1e293b;transform:translateY(-1px)}.admin-user-complete-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;margin-bottom:1.25rem;padding:1.25rem 1.4rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a}.admin-user-complete-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 24px -4px #256bf517}.admin-user-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.admin-user-profile-left{align-items:center;gap:.85rem;display:flex}.admin-user-avatar{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px solid #bfdbfe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:900;display:flex;box-shadow:0 2px 8px #256bf51f}.admin-user-name-title h4{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:800;display:flex}.admin-user-name-title .sub-role{color:#64748b;margin-top:2px;font-size:.725rem;font-weight:600}.admin-user-header-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.shift-status-pill{border-radius:var(--radius-pill);letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:.35rem;height:28px;padding:0 .65rem;font-size:.685rem;font-weight:800;display:inline-flex}.shift-status-active{color:#047857;background:#ecfdf5;border:1.5px solid #a7f3d0}.shift-status-offline{color:#64748b;background:#f1f5f9;border:1.5px solid #cbd5e1}.user-complete-meta-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:.75rem 1rem;margin-bottom:1rem;padding:.85rem 1rem;display:grid}.user-meta-cell{flex-direction:column;gap:.2rem;display:flex}.user-meta-cell .meta-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:.65rem;font-weight:700}.user-meta-cell .meta-val{color:#0f172a;word-break:break-word;font-size:.8rem;font-weight:800}.user-card-lower-grid{grid-template-columns:1fr 1.6fr;gap:.85rem;margin-bottom:1rem;display:grid}.user-shift-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:.75rem .85rem}.user-shift-box h6{color:#0f172a;text-transform:uppercase;letter-spacing:.4px;margin:0 0 .45rem;font-size:.725rem;font-weight:800}.user-shift-times{grid-template-columns:1fr 1fr;gap:.4rem;font-size:.725rem;display:grid}.user-shift-times div span{color:#64748b;font-size:.625rem;font-weight:600;display:block}.user-shift-times div strong{color:#0f172a;font-weight:800}.user-duty-snippet-box{color:#1e3a8a;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:12px;padding:.75rem .85rem;font-size:.75rem}.user-duty-snippet-box h6{color:#1d4ed8;text-transform:uppercase;letter-spacing:.4px;margin:0 0 .35rem;font-size:.725rem;font-weight:800}.user-card-action-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding-top:.85rem;display:flex}.btn-card-dossier{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#256bf5;border:1.5px solid #256bf5;align-items:center;gap:.35rem;height:32px;padding:0 .85rem;font-size:.725rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-card-dossier:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-card-edit-role{color:#334155;border-radius:var(--radius-pill);cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;align-items:center;gap:.35rem;height:32px;padding:0 .85rem;font-size:.725rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-card-edit-role:hover{background:#f8fafc;border-color:#94a3b8}.dossier-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172ab3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeInApp;display:flex;position:fixed;inset:0}.dossier-modal-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;width:100%;max-width:840px;max-height:88vh;padding:1.75rem 2rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40}@media (width<=900px){.super-kpi-grid,.user-complete-meta-grid{grid-template-columns:1fr 1fr}.user-card-lower-grid{grid-template-columns:1fr}}@media (width<=600px){.super-kpi-grid,.user-complete-meta-grid{grid-template-columns:1fr}.dossier-modal-card{border-radius:18px;padding:1.25rem}}.hub-four-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.hub-box-card{cursor:pointer;transition:all .22s var(--ease-smooth);background:#fff;border:2px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;padding:1.15rem 1.1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.hub-box-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px -4px #0f172a17}.hub-box-card.active{background:#f8fafc;border-color:#256bf5;box-shadow:0 0 0 3px #256bf526}.hub-box-card.box-entry{border-top:4px solid #10b981}.hub-box-card.box-logout{border-top:4px solid #ef4444}.hub-box-card.box-mom{border-top:4px solid #3b82f6}.hub-box-card.box-task{border-top:4px solid #8b5cf6}.hub-box-top{justify-content:space-between;align-items:flex-start;margin-bottom:.65rem;display:flex}.hub-box-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;display:flex}.hub-box-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.4px;padding:.2rem .55rem;font-size:.65rem;font-weight:800}.hub-box-card h4{color:#0f172a;margin:0 0 .35rem;font-size:.95rem;font-weight:800;line-height:1.3}.hub-box-card p{color:#64748b;flex:1;margin:0 0 .85rem;font-size:.735rem;line-height:1.4}.hub-box-action-btn{border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.55rem .75rem;font-size:.75rem;font-weight:800;transition:all .18s;display:inline-flex}.hub-box-card.box-entry .hub-box-action-btn{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.hub-box-card.box-entry:hover .hub-box-action-btn,.hub-box-card.box-entry.active .hub-box-action-btn{color:#fff;background:#10b981}.hub-box-card.box-logout .hub-box-action-btn{color:#dc2626;background:#fef2f2;border-color:#fecaca}.hub-box-card.box-logout:hover .hub-box-action-btn,.hub-box-card.box-logout.active .hub-box-action-btn{color:#fff;background:#ef4444}.hub-box-card.box-mom .hub-box-action-btn{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.hub-box-card.box-mom:hover .hub-box-action-btn,.hub-box-card.box-mom.active .hub-box-action-btn{color:#fff;background:#256bf5}.hub-box-card.box-task .hub-box-action-btn{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.hub-box-card.box-task:hover .hub-box-action-btn,.hub-box-card.box-task.active .hub-box-action-btn{color:#fff;background:#8b5cf6}.duty-auto-time-pill{color:#065f46;box-sizing:border-box;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:12px;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.85rem;font-weight:800;display:inline-flex}.mom-dialog-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:105;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeInApp;display:flex;position:fixed;inset:0}.mom-dialog-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:600px;max-height:90vh;padding:1.5rem 1.65rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40}.mom-dialog-header{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.mom-dialog-header h3{color:#0f172a;align-items:center;gap:.45rem;margin:0;font-size:1.05rem;font-weight:800;display:flex}.mom-dialog-header p{color:#64748b;margin:3px 0 0;font-size:.75rem}.mom-tabs-segmented{border-radius:var(--radius-pill);background:#f1f5f9;gap:4px;margin-bottom:1.25rem;padding:4px;display:flex}.mom-tab-item{text-align:center;border-radius:var(--radius-pill);color:#64748b;cursor:pointer;background:0 0;border:none;flex:1;padding:.45rem .65rem;font-size:.775rem;font-weight:800;transition:all .2s}.mom-tab-item.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #0f172a14}.mom-form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.85rem;display:grid}.mom-field-group{flex-direction:column;gap:.3rem;margin-bottom:.85rem;display:flex}.mom-field-group label{color:#334155;font-size:.75rem;font-weight:700}.mom-field-input,.mom-field-select,.mom-field-textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.8rem;transition:all .2s}.mom-field-input:focus,.mom-field-select:focus,.mom-field-textarea:focus{border-color:#256bf5;box-shadow:0 0 0 3px #256bf51f}.mom-field-textarea{resize:vertical;min-height:80px;line-height:1.45}.mom-preview-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;margin-top:1rem;margin-bottom:1.25rem;padding:.85rem 1rem}.mom-preview-header{color:#475569;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.75rem;font-weight:800;display:flex}.mom-preview-tag{color:#1d4ed8;background:#eff6ff;border-radius:6px;margin-bottom:.35rem;padding:.15rem .5rem;font-size:.65rem;font-weight:800;display:inline-block}.mom-preview-meta{color:#64748b;flex-direction:column;gap:.2rem;font-size:.725rem;display:flex}.mom-dialog-actions{border-top:1.5px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.65rem;padding-top:1rem;display:flex}.btn-mom-cancel{color:#475569;border-radius:var(--radius-pill);cursor:pointer;background:#f1f5f9;border:none;padding:.55rem 1.25rem;font-size:.8rem;font-weight:800;transition:all .2s}.btn-mom-cancel:hover{color:#0f172a;background:#e2e8f0}.btn-mom-save{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#0f172a;border:none;align-items:center;gap:.4rem;padding:.55rem 1.4rem;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-mom-save:hover{background:#1e293b;transform:translateY(-1px)}.task-dialog-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:580px;max-height:90vh;padding:1.5rem 1.65rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40}.task-dialog-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.15rem;display:flex}.task-dialog-header h3{color:#0f172a;align-items:center;gap:.4rem;margin:0;font-size:1.05rem;font-weight:800;display:flex}.task-dialog-header p{color:#64748b;margin:3px 0 0;font-size:.75rem}@media (width<=1024px){.hub-four-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hub-four-grid,.mom-form-row-2{grid-template-columns:1fr}}.dedicated-page-view{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;padding:1.75rem 2rem;box-shadow:0 4px 20px -2px #0f172a0a}.page-view-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding-bottom:1.5rem;display:flex}.page-back-btn{color:#475569;border-radius:var(--radius-pill);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.page-back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translate(-2px)}.page-view-title-group{flex:1;align-items:center;gap:.85rem;display:flex}.page-view-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.35rem;display:flex;box-shadow:0 2px 8px #0f172a0d}.page-view-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.2rem;font-weight:850}.page-view-subtitle{color:#64748b;margin:3px 0 0;font-size:.775rem;font-weight:500}.page-view-badges{align-items:center;gap:.65rem;display:flex}.mom-page-form-section{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.5rem;display:flex}@keyframes slideInPage{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.brand-name-group .brand-title{font-size:1rem!important}.brand-name-group .brand-sub{font-size:.6rem!important}.brand-emblem-mini{width:36px!important;height:36px!important}}@media (width<=768px){.duty-input-box,.duty-select-box,.duty-textarea-box,.input-pill-field{font-size:16px!important}}