:root{--sa-black:#151515;--sa-graphite:#262626;--sa-steel:#727272;--sa-silver:#d8d8d6;--sa-fog:#f2f2f0;--sa-white:#fff;--ink:#212121;--line:#d6d6d2;--muted:#676767}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sa-fog);color:var(--ink);font:15px "Segoe UI",Arial,sans-serif;min-height:100dvh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;min-height:76px;padding:12px clamp(20px,4vw,64px);background:linear-gradient(105deg,#131313,#2b2b2b);box-shadow:0 2px 14px #1515152b}.topbar .brand{display:flex;align-items:center;gap:12px;min-width:max-content;color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.2px}.topbar .brand img{width:58px;height:38px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:5px;flex:1}.topbar nav a{color:#dcdcdc;text-decoration:none;padding:10px 12px;border-bottom:2px solid transparent;transition:.18s;white-space:nowrap}.topbar nav a:hover,.topbar nav a.active{background:#3a3a3a;color:#fff;border-bottom-color:#fff}.topbar .account{display:flex;align-items:center;gap:14px;min-width:max-content}.topbar .user{margin:0;color:#fff;text-align:right;font-size:12px}.topbar .user small{display:block;opacity:.6;font-size:10px;font-weight:400;margin-top:2px;text-transform:capitalize}.topbar form{margin:0}.topbar .link{background:transparent;border:1px solid #70706d;color:#fff;padding:8px 12px;font-size:12px}.topbar .link:hover{background:#fff;color:#1b1b1b}main{width:min(1440px,100%);margin:0 auto;padding:50px clamp(24px,5vw,76px) 64px}main.auth{width:100%;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#3d3d3d,#151515)}.login,.panel{background:#fff;border:1px solid var(--line);padding:32px;box-shadow:0 15px 45px #15151512}.login{width:min(430px,100%);border-top:4px solid var(--sa-black)}.login:before{content:"";display:block;width:120px;height:55px;background:url('/sa-logo-white.png') center/contain no-repeat;filter:invert(1);margin-bottom:28px}.login form,.certificate-form{display:grid;gap:18px}h1{font-size:clamp(30px,4vw,36px);letter-spacing:-1.6px;margin:6px 0 10px;font-weight:700;text-wrap:balance}main>header{border-bottom:1px solid var(--sa-silver);padding-bottom:26px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--sa-steel);font-weight:750}.muted{color:var(--muted);line-height:1.55;max-width:68ch}label{display:grid;gap:7px;font-size:12px;letter-spacing:.2px;font-weight:700;color:#353535}input,select{min-width:0;width:100%;padding:12px;border:1px solid #bcbcb8;background:#fff;color:var(--ink);font:inherit}input:focus,select:focus{outline:2px solid #202020;outline-offset:1px}button,.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--sa-black);background:var(--sa-black);color:#fff;padding:12px 17px;font:700 13px inherit;letter-spacing:.15px;text-decoration:none;cursor:pointer;transition:background .18s,transform .18s}button:hover,.button:hover{background:#3b3b3b}button:active,.button:active{transform:translateY(1px)}.secondary{background:#fff;color:#222;border-color:#888}.issue-start{max-width:680px}.issue-start form{display:flex;gap:12px;align-items:end}.issue-start label{flex:1}.item-quality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:1px solid var(--line);background:#fff;padding:22px;margin:0}.item-quality legend{font-size:14px;font-weight:750;color:#171717;padding:0 6px}.item-quality>p{grid-column:1/-1;margin:0;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--sa-silver);overflow-wrap:anywhere}.quality-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:2px solid #2d2d2d;padding-top:10px}.quality-group h3{grid-column:1/-1;margin:0 0 3px;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.pdf-preview-wrap{margin:28px 0}.pdf-preview{background:#fff;border:1px solid #bcbcb8;padding:0;box-shadow:0 18px 40px #15151518;overflow:hidden;font-variant-numeric:tabular-nums}.preview-topline{height:7px;background:#1b1b1b}.preview-head{display:grid;grid-template-columns:124px 1fr auto;gap:16px;align-items:center;padding:14px 18px 12px;border-left:5px solid #777775}.preview-mark{height:42px;background:#151515;display:grid;place-items:center}.preview-mark img{width:100px;height:34px;object-fit:contain}.preview-kicker,.preview-page,.preview-meta small,.preview-footer small{display:block;color:#6b6b68;font-size:7px;font-weight:750;letter-spacing:.65px}.pdf-preview h2{color:#151515;font-size:17px;letter-spacing:-.35px;line-height:1;margin:3px 0 4px}.preview-head>div:nth-child(2)>small:last-child{font-size:7px;color:#555}.preview-page{text-align:right;line-height:1.5}.preview-meta{display:grid;grid-template-columns:1.7fr .6fr .75fr;margin:0 18px;border:1px solid #cccac6;background:#f1f1ef}.preview-meta>div{padding:8px 10px;min-width:0;border-right:1px solid #cccac6}.preview-meta>div:last-child{border-right:0}.preview-meta strong{display:block;color:#191919;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-note{margin:9px 18px;color:#4e4e4a;font-size:8px}.preview-scroll{margin:0 18px;overflow:auto;border:1px solid #8a8a8a;-webkit-overflow-scrolling:touch}.preview-scroll table{border-collapse:collapse;min-width:1050px;font-size:6px}.preview-scroll th{background:#252525;color:#fff;padding:7px 2px;font-weight:700}.preview-scroll td{padding:6px 2px;border:1px solid #c5c5c2;text-align:center;min-width:28px}.preview-scroll tbody tr:nth-child(even){background:#f8f8f6}.preview-scroll td:nth-child(3){min-width:130px;text-align:left}.preview-footer{display:grid;grid-template-columns:1.75fr .75fr;gap:20px;margin:13px 18px 17px;font-size:8px}.preview-footer>div+div{border-left:1px solid #bdbdb9;padding-left:16px}.preview-footer p{margin:5px 0;color:#252525;min-height:15px;overflow-wrap:anywhere}.preview-bottom{background:#1b1b1b;color:#dededb;text-align:center;padding:6px 12px;font-size:6px;letter-spacing:.25px}.table-wrap{background:#fff;border:1px solid var(--line);overflow:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}td{padding:13px;border-bottom:1px solid #e5e5e2}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media(max-width:960px){.topbar{gap:16px;padding-inline:24px}.topbar .brand span,.topbar .user{display:none}.topbar nav a{padding-inline:9px}main{padding:42px 28px 56px}.item-quality{grid-template-columns:repeat(2,minmax(0,1fr))}.item-quality>p{grid-column:1/-1}}
@media(max-width:700px){.topbar{gap:10px;min-height:58px;padding:9px 14px}.topbar .brand img{width:44px;height:30px}.topbar nav{overflow:auto;gap:0}.topbar nav a{padding:8px;font-size:11px}.topbar .account{gap:0}.topbar .link{padding:7px 9px;font-size:11px}main{padding:28px 16px 42px}.login,.panel{padding:24px 20px}.issue-start form{display:grid}.issue-start button{width:100%}.item-quality{grid-template-columns:1fr;padding:18px 14px;gap:14px}.quality-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pdf-preview-wrap{margin:22px 0}.preview-head{grid-template-columns:86px 1fr;gap:10px;padding:12px}.preview-mark{height:36px}.preview-mark img{width:70px;height:28px}.preview-page{display:none}.pdf-preview h2{font-size:14px}.preview-meta{grid-template-columns:1fr;margin:0 12px}.preview-meta>div{border-right:0;border-bottom:1px solid #cccac6}.preview-meta>div:last-child{border-bottom:0}.preview-note{margin:9px 12px;font-size:7px}.preview-scroll{margin:0 12px}.preview-footer{grid-template-columns:1fr;gap:10px;margin:12px}.preview-footer>div+div{border-left:0;border-top:1px solid #bdbdb9;padding:10px 0 0}.preview-bottom{font-size:5.5px;padding:7px 8px}.actions>*{flex:1 1 160px}}
@media(max-width:390px){.topbar{padding-inline:9px}.topbar .brand img{width:36px}.topbar nav a{padding-inline:6px;font-size:10px}.topbar .link{padding:6px}.quality-group{grid-template-columns:1fr}.item-quality{padding:15px 10px}.pdf-preview h2{font-size:12px}.preview-head>div:nth-child(2)>small:last-child{font-size:6px}.preview-kicker{font-size:6px}}