.certificates-library{min-height:100vh;padding:34px 16px;background:radial-gradient(circle at 90% 0,#e8f2ff 0,transparent 28%),#f7f9fc}.library-shell{width:min(1080px,100%);margin:auto}.library-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:#175cd3;font-size:13px;font-weight:700}.library-back svg{width:17px}.library-hero{display:flex;align-items:center;gap:18px;padding:27px 30px;border-radius:22px;background:linear-gradient(125deg,#101828,#163f78 70%,#1570ef 140%);color:#fff;box-shadow:0 20px 45px #175cd32b}.hero-icon{display:grid;place-items:center;width:64px;height:64px;flex:none;border:1px solid #ffffff30;border-radius:18px;background:#ffffff15}.hero-icon svg{width:31px;height:31px}.library-hero>div:nth-child(2){flex:1 1}.library-hero span{color:#84caff;font-size:10px;font-weight:800;letter-spacing:2px}.library-hero h1{margin:4px 0;font-size:29px}.library-hero p{margin:0;color:#d1e9ff;font-size:13px}.library-hero aside{display:grid;min-width:120px;padding:13px 18px;border:1px solid #ffffff24;border-radius:15px;background:#ffffff12;text-align:center}.library-hero aside strong{font-size:28px}.library-hero aside small{color:#d1e9ff}.certificate-filters{display:flex;gap:7px;margin:22px 0;padding:6px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;width:max-content;max-width:100%;overflow:auto}.certificate-filters button{display:flex;align-items:center;gap:8px;border:0;border-radius:9px;padding:9px 14px;background:transparent;color:#475467;font:700 12px Cairo;cursor:pointer;white-space:nowrap}.certificate-filters button b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:20px;background:#f2f4f7;font-size:10px}.certificate-filters button.active{background:#1570ef;color:#fff}.certificate-filters button.active b{background:#ffffff25}.certificate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.certificate-card{position:relative;overflow:hidden;padding:20px;border:1px solid #e4e7ec;border-radius:18px;background:#fff;box-shadow:0 8px 24px #10182808;transition:.2s}.certificate-card:hover{transform:translateY(-3px);border-color:#b2ccff;box-shadow:0 15px 35px #10182812}.certificate-accent{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#1570ef,#2e90fa,#53b1fd)}.certificate-card>header{display:flex;align-items:center;justify-content:space-between}.certificate-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eff8ff;color:#1570ef}.certificate-mark svg{width:21px}.certificate-state{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:30px;font-size:10px;font-weight:800}.certificate-state svg{width:14px}.certificate-state.valid{background:#ecfdf3;color:#027a48}.certificate-state.revoked{background:#fef3f2;color:#b42318}.certificate-content{padding:20px 0 17px}.certificate-content>small{color:#1570ef;font-weight:700}.certificate-content h2{margin:5px 0 8px;font-size:21px}.certificate-content p{margin:0;color:#667085;font-size:12px}.certificate-card dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin:0;padding:13px;border-radius:12px;background:#f9fafb}.certificate-card dl div{min-width:0}.certificate-card dt{display:flex;align-items:center;gap:5px;color:#667085;font-size:9px}.certificate-card dt svg{width:13px}.certificate-card dd{overflow:hidden;margin:4px 0 0;color:#344054;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.certificate-card footer{margin-top:15px}.certificate-open{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border-radius:10px;background:#1570ef;color:#fff;font-size:12px;font-weight:800}.certificate-open svg{width:16px}.certificate-open svg:last-child{-webkit-margin-start:auto;margin-inline-start:auto}.certificate-card footer>span{display:block;padding:10px;border-radius:9px;background:#f2f4f7;color:#667085;text-align:center;font-size:11px}.certificate-card.is-revoked{opacity:.76}.certificate-card.is-revoked .certificate-accent{background:#98a2b3}.certificate-empty{grid-column:1/-1;display:grid;place-items:center;padding:70px 20px;border:1px dashed #d0d5dd;border-radius:18px;background:#fff;text-align:center}.certificate-empty>svg{width:45px;height:45px;padding:11px;border-radius:13px;background:#eff8ff;color:#1570ef}.certificate-empty h2{margin:12px 0 2px;font-size:18px}.certificate-empty p{margin:0;color:#667085;font-size:12px}@media(max-width:720px){.library-hero{align-items:flex-start;flex-wrap:wrap;padding:22px}.library-hero aside{width:100%}.certificate-card dl,.certificate-cards{grid-template-columns:1fr}.library-hero h1{font-size:24px}}@media(max-width:440px){.certificates-library{padding:22px 12px}.hero-icon{width:51px;height:51px}.library-hero p{font-size:11px}}