#approval-management{--approvals-border:var(--procheck-card-border);--approvals-border-hover:var(--procheck-card-border-hover);--approvals-green:#1f7a35;--approvals-red:#b00020;--approvals-yellow:var(--procheck-yellow);--approvals-radius:var(--procheck-card-radius-page);--approvals-button-border:#11111147;--approvals-button-border-hover:#11111194;--approvals-button-border-active:#111111b3;--approvals-shadow:var(--procheck-card-depth-page);--approvals-shadow-hover:var(--procheck-card-depth-page-hover)}#approval-management *,#approval-management :before,#approval-management :after{box-sizing:border-box}#approval-management .approvals-hero,#approval-management .notification-panel{border:1px solid var(--approvals-border);border-radius:var(--approvals-radius);box-shadow:inset 0 1px 0 #fffffff2, var(--approvals-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(120deg,#fffffffa 0%,#ffffffd1 100%);transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}#approval-management .approvals-hero:before,#approval-management .notification-panel:before{content:"";background:var(--approvals-yellow);height:4px;position:absolute;top:0;left:0;right:0}#approval-management .approvals-hero:hover,#approval-management .notification-panel:hover{border-color:var(--approvals-border-hover);box-shadow:inset 0 1px 0 #fffffff5, var(--approvals-shadow-hover)}#approval-management .approvals-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:center;gap:34px;padding:40px 44px 42px;display:grid}#approval-management .approvals-hero-copy{min-width:0}#approval-management .approvals-hero-copy h1{color:#171717;letter-spacing:-.04em;max-width:760px;margin:0 0 16px;font-size:clamp(2.35rem,4vw,3.35rem);font-weight:800;line-height:1.04}#approval-management .approvals-hero-copy p{color:#545454;max-width:800px;margin:0;font-size:1.04rem;line-height:1.65}#approval-management .approvals-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}#approval-management .approvals-hero-action{border:1.5px solid var(--approvals-button-border);color:#171717;background:#ffffffb3;border-radius:13px;flex-direction:column;min-height:116px;padding:20px 46px 20px 20px;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,0 4px 12px #0000000b}#approval-management .approvals-hero-action:before{content:"";background:var(--approvals-yellow);opacity:.4;transform-origin:50%;border-radius:999px;width:28px;height:6px;transition:opacity .18s,transform .18s,box-shadow .18s;position:absolute;top:20px;right:20px;transform:scaleX(.9)}#approval-management .approvals-hero-action:after{content:"→";color:#6b6b6b;font-size:1.05rem;font-weight:800;transition:color .18s,transform .18s;position:absolute;bottom:17px;right:20px}#approval-management .approvals-hero-action strong{margin-bottom:8px;font-size:1rem;font-weight:800;display:block}#approval-management .approvals-hero-action span{color:#6c6c6c;font-size:.84rem;line-height:1.45;display:block}#approval-management .approvals-hero-action:hover,#approval-management .approvals-hero-action:focus-visible{border-color:var(--approvals-button-border-hover);background:#fffffff0;outline:none;transform:translateY(-2px);box-shadow:inset 0 1px #fffffffa,0 10px 24px #0000001c}#approval-management .approvals-hero-action:hover:before,#approval-management .approvals-hero-action:focus-visible:before{opacity:1;transform:scaleX(1.15);box-shadow:0 0 14px #ffc3008c}#approval-management .approvals-hero-action:hover:after,#approval-management .approvals-hero-action:focus-visible:after{color:#171717;transform:translate(4px)}#approval-management .approvals-hero-action:active{border-color:var(--approvals-button-border-active);transform:translateY(0)scale(.985)}#approval-management .approvals-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0;display:grid}#approval-management .approvals-stat-card{--stat-accent:#595959;--stat-glow:#59595959;border:1px solid var(--approvals-border);border-radius:var(--approvals-radius);min-height:190px;box-shadow:inset 0 1px 0 #fffffff2, var(--approvals-shadow);background:linear-gradient(145deg,#fffffffa 0%,#f9f9f9f2 100%);flex-direction:column;padding:24px 22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}#approval-management .approvals-stat-card:before{content:"";background:var(--stat-accent);height:4px;position:absolute;top:0;left:0;right:0}#approval-management .approvals-stat-card:after{content:"";background:var(--stat-accent);opacity:.25;border-radius:999px;width:30px;height:7px;transition:opacity .2s,transform .2s,box-shadow .2s;position:absolute;top:24px;right:22px}#approval-management .approvals-stat-card[data-stat=locked]{--stat-accent:var(--approvals-red);--stat-glow:#b0002066}#approval-management .approvals-stat-card[data-stat=expiring]{--stat-accent:var(--approvals-yellow);--stat-glow:#ffc3008c}#approval-management .approvals-stat-card[data-stat=expired]{--stat-accent:#7e0017;--stat-glow:#7e001766}#approval-management .approvals-stat-card:hover{border-color:var(--approvals-border-hover);box-shadow:inset 0 1px 0 #fffffff5, var(--approvals-shadow-hover);transform:translateY(-3px)}#approval-management .approvals-stat-card:hover:after{opacity:.9;box-shadow:0 0 14px var(--stat-glow);transform:scaleX(1.15)}#approval-management .approvals-stat-card>span{color:#737373;letter-spacing:.075em;text-transform:uppercase;max-width:calc(100% - 48px);font-size:.72rem;font-weight:900;display:block}#approval-management .approvals-stat-card>strong{color:#151515;letter-spacing:-.045em;margin-top:18px;font-size:2.45rem;font-weight:800;line-height:1;display:block}#approval-management .approvals-stat-card>p{color:#565656;margin:24px 0 0;font-size:.94rem;line-height:1.48}#approval-management .approvals-action-message{border:1px solid #1f7a352e;border-left:4px solid var(--approvals-green);color:#145514;background:#1f7a3512;border-radius:10px;margin:0 0 24px;padding:14px 17px;font-weight:800;box-shadow:0 5px 14px #0000000a}#approval-management .approvals-action-message[data-type=info]{border-color:#be8f0033;border-left-color:var(--approvals-yellow);color:#564300;background:#ffffffe0}#approval-management .approvals-action-message[data-type=error]{border-color:#b0002033;border-left-color:var(--approvals-red);color:#850018;background:#b0002012}#approval-management .notification-panel{min-height:520px;padding:30px}#approval-management .notification-panel-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px;display:flex}#approval-management .notification-panel-heading>div{max-width:760px}#approval-management .notification-panel-heading h2{color:#1c1c1c;letter-spacing:-.02em;margin:0 0 8px;font-size:1.45rem;font-weight:800}#approval-management .notification-panel-heading p:last-child{color:#626262;margin:0;line-height:1.55}#approval-management .notification-filter-bar{background:#ffffff9e;border:1px solid #1111111a;border-radius:13px;justify-content:space-between;align-items:flex-end;gap:22px;padding:18px;display:flex}#approval-management .notification-quick-filters,#approval-management .notification-select-filters{align-items:flex-end;gap:9px;display:flex}#approval-management .notification-filter-button,#approval-management .notification-secondary-button,#approval-management .notification-result-bar button,#approval-management .notification-read-button,#approval-management .notification-primary-button{border:1.5px solid var(--approvals-button-border);color:#252525;min-height:41px;font:inherit;text-align:center;cursor:pointer;background:#ffffffd1;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,inset 0 -2px #68829024,0 4px #495e692b,0 11px 20px #26384214}#approval-management .notification-filter-button:before,#approval-management .notification-secondary-button:before,#approval-management .notification-result-bar button:before,#approval-management .notification-read-button:before,#approval-management .notification-primary-button:before{content:"";background:var(--approvals-yellow);opacity:.35;transform-origin:50%;border-radius:0 0 999px 999px;width:28px;height:5px;transition:opacity .18s,transform .18s,box-shadow .18s;position:absolute;top:0;right:13px;transform:scaleX(.8)}#approval-management .notification-filter-button:hover,#approval-management .notification-filter-button:focus-visible,#approval-management .notification-secondary-button:hover,#approval-management .notification-secondary-button:focus-visible,#approval-management .notification-result-bar button:hover,#approval-management .notification-result-bar button:focus-visible,#approval-management .notification-read-button:hover,#approval-management .notification-read-button:focus-visible,#approval-management .notification-primary-button:hover,#approval-management .notification-primary-button:focus-visible{border-color:var(--approvals-button-border-hover);background:#fffffff0;outline:none;transform:translateY(-2px);box-shadow:inset 0 1px #fffffffa,inset 0 -2px #6882902e,0 6px #495e6938,0 16px 26px #26384224}#approval-management .notification-filter-button:hover:before,#approval-management .notification-filter-button:focus-visible:before,#approval-management .notification-secondary-button:hover:before,#approval-management .notification-secondary-button:focus-visible:before,#approval-management .notification-result-bar button:hover:before,#approval-management .notification-result-bar button:focus-visible:before,#approval-management .notification-read-button:hover:before,#approval-management .notification-read-button:focus-visible:before,#approval-management .notification-primary-button:hover:before,#approval-management .notification-primary-button:focus-visible:before{opacity:1;transform:scaleX(1.15);box-shadow:0 0 12px #ffc3008c}#approval-management .notification-filter-button:active,#approval-management .notification-secondary-button:active,#approval-management .notification-result-bar button:active,#approval-management .notification-read-button:active,#approval-management .notification-primary-button:active{border-color:var(--approvals-button-border-active);transform:translateY(0)scale(.98);box-shadow:inset 0 2px 5px #00000014,0 2px #495e6921,0 4px 10px #26384214}#approval-management .notification-filter-button.is-active{border-color:var(--approvals-button-border-active);color:#252525;background:#eeeeeef5;box-shadow:inset 0 2px 5px #0000000f,0 5px 14px #0000000f}#approval-management .notification-filter-button.is-active:before{opacity:1;transform:scaleX(1.15);box-shadow:0 0 12px #ffc30080}#approval-management .notification-panel-heading>.notification-secondary-button{flex:none}#approval-management .notification-filter-field{gap:7px;min-width:190px;display:grid}#approval-management .notification-filter-field>span{color:#474747;font-size:.76rem;font-weight:800}#approval-management .notification-filter-field select{color:#252525;width:100%;min-height:41px;font:inherit;background:#ffffffd6;border:1px solid #11111129;border-radius:10px;outline:none;padding:8px 12px;font-size:.82rem;font-weight:700;transition:border-color .18s,box-shadow .18s}#approval-management .notification-filter-field select:focus{border-color:#1111116b;box-shadow:0 0 0 3px #11111114}#approval-management .notification-result-bar{justify-content:space-between;align-items:center;gap:18px;margin:17px 0 11px;display:flex}#approval-management .notification-result-bar strong{color:#373737;font-size:.86rem}#approval-management .notification-result-bar button{color:#606060;background:#ffffff8c;min-height:36px;padding:6px 12px}#approval-management .notification-list{align-content:start;gap:9px;min-height:180px;display:grid}#approval-management .notification-card{--notification-accent:#595959;--notification-tint:#59595906;--notification-index:0;background:linear-gradient(90deg, #fffffffc 0%, var(--notification-tint) 100%);animation:.38s cubic-bezier(.16,1,.3,1) backwards notification-item-in;animation-delay:calc(var(--notification-index) * 60ms);border:1px solid #1111111f;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;transition:transform .18s,border-color .18s,opacity .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,0 3px 9px #0000000a}#approval-management .notification-card:before{content:"";background:var(--notification-accent);opacity:.65;border-radius:0 999px 999px 0;width:4px;transition:opacity .18s,box-shadow .18s;position:absolute;top:10px;bottom:10px;left:0}#approval-management .notification-card[data-notification-type=lock]{--notification-accent:var(--approvals-red);--notification-tint:#b0002006}#approval-management .notification-card[data-notification-type=expiring]{--notification-accent:var(--approvals-yellow);--notification-tint:#ffffff5c}#approval-management .notification-card[data-notification-type=expired]{--notification-accent:#7e0017;--notification-tint:#7e001708}#approval-management .notification-card:hover,#approval-management .notification-card.is-expanded{border-color:#1113;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff2,0 7px 17px #00000012}#approval-management .notification-card:hover:before,#approval-management .notification-card.is-expanded:before{opacity:1;box-shadow:0 0 12px #b0002038}#approval-management .notification-card.is-read{opacity:.66}#approval-management .notification-card.is-read:hover,#approval-management .notification-card.is-read.is-expanded{opacity:.9}#approval-management .notification-summary{cursor:pointer;outline:none;grid-template-columns:minmax(145px,.72fr) minmax(250px,1.45fr) auto 28px;grid-template-areas:"status person date icon";align-items:center;gap:18px;min-width:0;min-height:62px;padding:11px 14px 11px 19px;display:grid}#approval-management .notification-summary:focus-visible{box-shadow:inset 0 0 0 3px #ffc30038}#approval-management .notification-summary-status{color:#202020;text-overflow:ellipsis;white-space:nowrap;grid-area:status;font-size:.91rem;font-weight:800;overflow:hidden}#approval-management .notification-summary-person{color:#707070;white-space:nowrap;grid-area:person;align-items:center;gap:8px;min-width:0;font-size:.8rem;display:flex;overflow:hidden}#approval-management .notification-summary-person strong{color:#3a3a3a;flex:none;font-size:.84rem;font-weight:800}#approval-management .notification-summary-person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#approval-management .notification-summary time{color:#777;white-space:nowrap;grid-area:date;font-size:.72rem;font-weight:700}#approval-management .notification-expand-icon{color:#5e5e5e;background:#ffffffb8;border:1px solid #1111111f;border-radius:8px;grid-area:icon;justify-content:center;align-items:center;width:27px;height:27px;font-size:1rem;font-weight:900;transition:border-color .18s,color .18s,background-color .18s,transform .18s,box-shadow .18s;display:inline-flex}#approval-management .notification-summary:hover .notification-expand-icon,#approval-management .notification-card.is-expanded .notification-expand-icon{color:#333;background:#eeeeeef5;border-color:#11111140;box-shadow:inset 0 1px 2px #0000000d,0 4px 10px #0000000f}#approval-management .notification-card.is-expanded .notification-expand-icon{transform:rotate(180deg)}#approval-management .notification-read-button{align-self:center;min-width:172px;min-height:38px;margin:9px 12px 9px 0;padding:7px 12px;font-size:.72rem}#approval-management .notification-details{background:#ffffff9e;border-top:1px solid #11111117;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:18px 20px 20px;animation:.22s both notification-details-in;display:grid}#approval-management .notification-details[hidden]{display:none}#approval-management .notification-details-copy{grid-template-columns:92px minmax(0,1fr);gap:7px 14px;min-width:0;display:grid}#approval-management .notification-details-copy>span{color:#777;letter-spacing:.055em;text-transform:uppercase;font-size:.7rem;font-weight:900}#approval-management .notification-details-copy>strong{color:#292929;min-width:0;font-size:.86rem;font-weight:800}#approval-management .notification-details-copy>p{color:#696969;grid-column:2;margin:2px 0 0;font-size:.82rem;line-height:1.45}#approval-management .notification-details-action{justify-content:flex-end;display:flex}#approval-management .notification-primary-button{min-width:205px;min-height:42px}#approval-management .approvals-empty-state{color:#666;text-align:center;background:linear-gradient(145deg,#ffffffd1 0%,#fafafac2 100%);border:1px dashed #1113;border-radius:13px;place-items:center;min-height:190px;padding:32px;display:grid;position:relative;overflow:hidden}#approval-management .approvals-empty-state:before{content:"";background:var(--approvals-yellow);opacity:.35;border-radius:999px;width:34px;height:7px;position:absolute;top:22px;right:22px}#approval-management .approvals-empty-state strong{color:#333;margin-bottom:7px;font-size:1rem;font-weight:800;display:block}#approval-management .approvals-empty-state p{max-width:540px;margin:0;line-height:1.5}@keyframes notification-item-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notification-details-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){#approval-management .approvals-stat-grid{grid-template-columns:repeat(2,1fr)}#approval-management .notification-filter-bar{flex-direction:column;align-items:stretch}#approval-management .notification-summary{grid-template-columns:minmax(130px,.65fr) minmax(210px,1.25fr) auto 28px;gap:13px}#approval-management .notification-read-button{min-width:155px}}@media (width<=1000px){#approval-management .approvals-hero{grid-template-columns:1fr}#approval-management .approvals-hero-actions{max-width:650px}}@media (width<=760px){#approval-management .approvals-hero{padding:32px 26px 34px}#approval-management .approvals-stat-grid{grid-template-columns:1fr}#approval-management .notification-panel{padding:24px}#approval-management .notification-panel-heading{flex-direction:column;align-items:stretch}#approval-management .notification-panel-heading>.notification-secondary-button{align-self:flex-start}#approval-management .notification-quick-filters,#approval-management .notification-select-filters{flex-direction:column;align-items:stretch}#approval-management .notification-filter-field{width:100%;min-width:0}#approval-management .notification-card{grid-template-columns:1fr}#approval-management .notification-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status date""person icon";gap:7px 12px;padding:13px 15px 10px 19px}#approval-management .notification-read-button{width:auto;margin:0 14px 12px}#approval-management .notification-details{grid-template-columns:1fr}#approval-management .notification-details-action{justify-content:stretch}#approval-management .notification-primary-button{width:100%}}@media (width<=580px){#approval-management .approvals-hero-actions{grid-template-columns:1fr}#approval-management .notification-result-bar{flex-direction:column;align-items:flex-start}#approval-management .notification-details-copy{grid-template-columns:1fr}#approval-management .notification-details-copy>p{grid-column:1}}@media (prefers-reduced-motion:reduce){#approval-management .notification-card,#approval-management .notification-details{animation:none}}
