*{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width:270px;--sidebar-collapsed-width:82px}html,body{min-width:320px}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--mui-palette-background-paper,#fff);border-right:1px solid var(--mui-palette-divider,#e4eaf3);z-index:20;align-self:flex-start;min-height:100vh;max-height:100vh;padding:24px 16px;transition:width .22s,flex-basis .22s,padding .22s;position:sticky;top:0;overflow-y:auto}.sidebar-collapsed{width:var(--sidebar-collapsed-width);flex-basis:var(--sidebar-collapsed-width);padding-inline:12px}.logo h2{color:var(--mui-palette-primary-main,#3867e8);letter-spacing:-.04em;font-size:25px;font-weight:900;line-height:1}.logo p{color:var(--mui-palette-text-secondary,#69768d);margin-top:7px;font-size:12px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav>a{min-height:44px;color:var(--mui-palette-text-primary,#1c2940);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex;position:relative}.sidebar-collapsed nav>a{justify-content:center;padding-inline:8px}.sidebar nav>a:hover{background:color-mix(in srgb, var(--mui-palette-primary-main,#3867e8) 10%, transparent);transform:translate(2px)}.sidebar nav>a.active{background:var(--mui-palette-primary-main,#3867e8);color:var(--mui-palette-primary-contrastText,#fff);box-shadow:0 8px 20px color-mix(in srgb, var(--mui-palette-primary-main,#3867e8) 28%, transparent)}.sidebar nav>a .favorite-button{color:inherit;opacity:0;margin-left:auto;transition:opacity .18s}.sidebar nav>a:hover .favorite-button,.sidebar nav>a.active .favorite-button{opacity:1}.content{flex:1;min-width:0;padding:24px clamp(18px,3vw,42px) 42px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--mui-palette-background-default,#f4f7fc) 86%, transparent);min-height:52px;padding:8px 0;position:sticky;top:0}.page-shell{animation:.24s ease-out page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.header h1{line-height:1.15}.header p{color:var(--mui-palette-text-secondary,#69768d)}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.card{background:var(--mui-palette-background-paper,#fff);border:1px solid var(--mui-palette-divider,#e4eaf3);border-radius:16px;padding:22px;box-shadow:0 8px 28px #1f325312}.card h3{color:var(--mui-palette-text-secondary,#69768d);margin-bottom:10px;font-size:15px}.card h2{font-size:34px}.employment-certificate{isolation:isolate;color:#172033;background:#fff;border:1px solid #dfe5ee;border-radius:14px;width:min(100%,8.5in);min-height:11in;padding:.55in .62in .48in;position:relative;overflow:hidden;box-shadow:0 18px 45px #1c29401f}.certificate-content{z-index:2;flex-direction:column;min-height:9.97in;display:flex;position:relative}.certificate-watermark{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.certificate-watermark-image{object-fit:contain;opacity:.11;width:min(54%,4.15in);max-height:4in}.certificate-watermark-text{color:#132238;letter-spacing:.08em;text-align:center;white-space:nowrap;opacity:.085;flex-direction:column;align-items:center;width:72%;font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,7vw,76px);font-weight:900;line-height:.94;display:flex}.certificate-watermark-text span+span{letter-spacing:.18em;margin-top:10px;font-size:.38em}.certificate-letterhead{border-bottom:3px solid #1f4f91;align-items:center;gap:20px;padding-bottom:18px;display:flex}.certificate-ypm-logo{object-fit:contain;flex:none;width:92px;height:72px;display:block}.certificate-company-heading{min-width:0}.certificate-company-name{color:#173c6e;letter-spacing:.035em!important;font-size:24px!important;font-weight:900!important;line-height:1.1!important}.certificate-department{color:#56647a;text-transform:uppercase;letter-spacing:.11em!important;margin-top:5px!important;font-size:13px!important;font-weight:700!important}.certificate-reference-row{color:#475569;justify-content:space-between;gap:24px;padding:15px 0 12px;font-size:12px;display:flex}.certificate-reference-row p{font-size:inherit}.certificate-title{color:#172033;text-align:center;letter-spacing:.075em!important;margin:18px 0 28px!important;font-size:25px!important;font-weight:900!important;line-height:1.2!important}.certificate-salutation{margin-bottom:18px!important;font-size:14px!important;font-weight:700!important}.certificate-body-copy{text-align:left;margin-bottom:20px!important;font-size:13.5px!important;line-height:1.72!important}.certificate-details-table{background:#ffffffd4;border:1px solid #cfd8e6;border-radius:8px;margin:2px 0 24px;overflow:hidden}.certificate-detail-row{border-top:1px solid #dde4ee;grid-template-columns:36% 64%;min-height:39px;display:grid}.certificate-detail-row[data-first=true]{border-top:0}.certificate-detail-row:nth-of-type(odd){background:#f2f6fbd6}.certificate-detail-label,.certificate-detail-value{align-items:center;padding:8px 13px;display:flex;font-size:12.5px!important;line-height:1.35!important}.certificate-detail-label{color:#334155;border-right:1px solid #dde4ee;font-weight:800!important}.certificate-detail-value{color:#172033;font-weight:500!important}.certificate-closing-copy{margin-bottom:34px!important}.certificate-signature-block{width:260px;margin-top:auto;margin-bottom:28px}.certificate-signature-line{border-top:1px solid #172033;width:100%;margin-bottom:9px}.certificate-signature-block p{margin-top:2px;font-size:12px;line-height:1.4}.certificate-footer{color:#68758a;border-top:1px solid #d9e0e9;justify-content:space-between;gap:20px;padding-top:12px;display:flex}.certificate-footer p{font-size:9.5px!important;line-height:1.35!important}@media (width<=700px){.employment-certificate{border-radius:10px;min-height:auto;padding:28px 22px}.certificate-content{min-height:auto}.certificate-letterhead{align-items:flex-start;gap:12px}.certificate-ypm-logo{width:70px;height:56px}.certificate-company-name{font-size:18px!important}.certificate-department{font-size:10px!important}.certificate-reference-row,.certificate-footer{flex-direction:column;gap:5px}.certificate-title{letter-spacing:.04em!important;font-size:19px!important}.certificate-detail-row{grid-template-columns:42% 58%}.certificate-detail-label,.certificate-detail-value{padding:8px 9px;font-size:11.5px!important}.certificate-signature-block{width:min(100%,250px);margin-top:28px}}@media (width<=1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.app{flex-direction:column}.sidebar,.sidebar-collapsed{border-right:0;border-bottom:1px solid var(--mui-palette-divider,#e4eaf3);flex-basis:auto;width:100%;min-height:auto;max-height:none;padding:14px 16px;position:static}.sidebar nav{flex-direction:row;padding-bottom:4px;overflow-x:auto}.sidebar nav>a,.sidebar-collapsed nav>a{flex:none;justify-content:center;min-height:40px;padding:9px 12px}.sidebar-collapsed nav>a span{display:none}.content{padding:16px 16px 32px}.topbar{position:static}}@media (width<=600px){.cards{grid-template-columns:1fr}.content{padding-inline:12px}.topbar{flex-direction:column;align-items:stretch!important}.topbar>div:first-child{width:100%}.topbar>div:last-child{align-self:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important;width:8.5in!important;min-width:0!important;min-height:11in!important;margin:0!important;padding:0!important}.sidebar,.topbar,.certificate-screen-controls{display:none!important}.app,.content,.page-shell{width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.employment-certificate{break-inside:avoid;width:8.5in!important;min-height:11in!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:.48in .58in .42in!important}.certificate-content{min-height:10.1in!important}.certificate-watermark-image{opacity:.11!important}.certificate-watermark-text{opacity:.085!important}@page{size:letter portrait;margin:0}}