@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#18212f;background:#f5f7fa;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:flex}.sidebar{color:#cad5df;background:#10263a;flex-direction:column;width:248px;padding:22px 14px;display:flex}.brand{color:#fff;align-items:center;gap:10px;padding:0 12px 26px;font-size:16px;font-weight:700;display:flex}.brand-mark{color:#082c34;background:#35b9a6;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.portal-switch{background:#19364d;border-radius:8px;margin:0 4px 26px;padding:4px;display:flex}.portal-switch button{color:#91a8ba;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:8px}.portal-switch .active{color:#fff;background:#3c6078}.nav-label{text-transform:uppercase;letter-spacing:.12em;color:#7f96a8;padding:0 12px 8px;font-size:11px}.nav-item{text-align:left;color:#b8c9d5;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-radius:7px;margin:2px 0;padding:11px 12px}.nav-icon{color:#75d3c0;width:24px;display:inline-grid}.sidebar-bottom{margin-top:auto}.org{color:#e4edf2;border-top:1px solid #29465a;padding:18px 12px}.sidebar small{color:#88a0b1;font-size:11px}.user{border-top:1px solid #29465a;align-items:center;gap:9px;padding:16px 8px 0;display:flex}.avatar{color:#624713;background:#f2c873;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.main{flex:1;min-width:0}header{background:#fff;border-bottom:1px solid #e3e9ee;justify-content:space-between;align-items:center;height:92px;padding:0 42px;display:flex}.eyebrow{color:#8695a4;margin-bottom:7px;font-size:12px}h1{letter-spacing:-.02em;margin:0;font-size:24px}h2{margin:0;font-size:20px}h3{margin:0;font-size:15px}.header-actions{color:#6c7e8c;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#36b893;border-radius:50%;width:7px;height:7px}.help{color:#8293a1;background:#fff;border:1px solid #dbe3e9;border-radius:50%;width:22px;height:22px;margin-left:12px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.muted{color:#8392a0;margin:6px 0 0}.count{color:#78909d;vertical-align:middle;background:#e8eef1;border-radius:12px;padding:3px 8px;font-size:12px}.primary{color:#fff;cursor:pointer;background:#2aa892;border:0;border-radius:6px;padding:10px 16px;font-weight:600}.primary:hover{background:#238e7c}.outline{color:#435565;cursor:pointer;background:#fff;border:1px solid #d4dfe5;border-radius:6px;padding:9px 14px}.filters{border-bottom:1px solid #e1e8ec;align-items:center;gap:8px;margin-bottom:26px;display:flex}.filters button:not(.outline){color:#81909d;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 12px}.filters button.selected{color:#168f80;border-color:#26ab96;font-weight:600}.filter-spacer{flex:1}.card-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:20px;display:grid}.cert-card{cursor:pointer;background:#fff;border:1px solid #e2e9ed;border-radius:9px;transition:all .15s;overflow:hidden}.cert-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #27445d15}.thumb{background:#e9eff2;height:160px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.badge{color:#168e78;background:#ecf8f4;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:11px;right:11px}.badge.processing{color:#af7d0a;background:#fff6df}.badge.failed,.badge.rejected{color:#c04d4b;background:#fff0ef}.badge.pending_review{color:#5578bb;background:#edf3ff}.cert-body{padding:15px}.cert-body p{color:#718391;margin:8px 0 14px;font-size:12px}.cert-meta{color:#a0adb7;justify-content:space-between;font-size:10px;display:flex}.empty{text-align:center;background:#fff;border:1px dashed #d7e1e6;border-radius:10px;padding:80px 20px}.empty-icon{color:#8dcfc2;font-size:44px}.empty h3{margin:15px 0 7px}.empty p{color:#8797a3;margin-bottom:22px}.upload-page{max-width:820px}.upload-intro{margin-bottom:25px}.dropzone{text-align:center;cursor:pointer;background:#fff;border:1.5px dashed #9dcfc7;border-radius:10px;padding:70px 20px}.upload-icon{color:#2aab97;font-size:35px}.dropzone h3{margin:15px 0 7px}.dropzone p{color:#8696a2;margin:0 0 20px}.tips{color:#247d6e;background:#edf8f5;border-radius:7px;gap:12px;margin-top:18px;padding:16px;display:flex}.tips p{color:#658b85;margin:4px 0 0;font-size:12px}.settings{max-width:1060px}.settings-tabs{border-bottom:1px solid #dde6ea;gap:28px;margin-bottom:22px;display:flex}.tab{color:#82919c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 2px}.tab.active{color:#188e7d;border-color:#22aa95;font-weight:600}.panel{background:#fff;border:1px solid #e1e8ec;border-radius:9px;margin-bottom:20px;padding:26px}.panel-title{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.connected{color:#1e9c82;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.form-grid label,.full-label,.modal label{color:#627482;flex-direction:column;gap:7px;font-size:12px;display:flex}.form-grid input,.form-grid select,.full-label textarea,.modal input,.modal select,.detail-field input,.detail-field select{font:inherit;color:#253745;background:#fff;border:1px solid #d8e2e6;border-radius:5px;padding:9px 11px}.panel-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.full-label{margin-top:17px}.full-label textarea{resize:vertical}.json-hint,.schema-note{color:#68827f;background:#f2f7f8;border-radius:5px;margin-top:18px;padding:12px;font-size:12px}.field-head,.field-row{grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;align-items:center;gap:18px;display:grid}.field-head{color:#8999a4;border-bottom:1px solid #e7edef;padding:0 13px 11px;font-size:11px}.field-row{border-bottom:1px solid #edf1f3;padding:16px 13px}.field-row:last-child{border:0}.field-row small{color:#99a7b0;margin-top:4px;font-size:10px;display:block}.type-chip{color:#5f7780;background:#eef4f5;border-radius:4px;padding:4px 8px;font-size:11px}.required-dot{color:#99a6ae;font-size:12px}.required-dot.on{color:#df8b3c}.toggle{cursor:pointer;background:#d5dfe2;border:0;border-radius:12px;width:34px;height:19px;padding:2px}.toggle i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .15s;display:block}.toggle.on{background:#32ad97}.toggle.on i{transform:translate(15px)}.row-actions{gap:12px;display:flex}.row-actions button{color:#318e82;cursor:pointer;background:0 0;border:0}.row-actions .danger{color:#c67570}.drawer-backdrop,.modal-backdrop{z-index:4;background:#122a3c59;position:fixed;inset:0}.drawer{background:#fff;width:470px;padding:30px;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-5px 0 25px #19344b22}.close{color:#7e8f9a;cursor:pointer;background:0 0;border:0;font-size:25px;position:absolute;top:17px;right:20px}.drawer-image{border-radius:7px;height:215px;margin-bottom:22px;position:relative;overflow:hidden}.drawer-image img{object-fit:cover;width:100%;height:100%}.drawer h2{font-size:21px}.error-box{color:#b45b55;background:#fff3f1;border-radius:6px;margin:20px 0;padding:15px;font-size:13px}.error-box button{color:#a63f3b;cursor:pointer;background:0 0;border:0;margin-top:12px;text-decoration:underline;display:block}.detail-form{margin-top:22px}.detail-field{margin-bottom:15px}.detail-field label{color:#607582;margin-bottom:6px;font-size:12px;display:block}.detail-field em{color:#d98c4f;margin-left:5px;font-size:10px;font-style:normal}.wide{width:100%;margin-top:7px}.modal-backdrop{place-items:center;display:grid}.modal{background:#fff;border-radius:9px;width:410px;padding:26px}.modal h2{margin-bottom:20px}.modal label{margin-bottom:15px}.check{align-items:center;flex-direction:row!important}.check input{width:auto}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.toast{color:#fff;z-index:8;background:#17394d;border-radius:5px;padding:11px 18px;font-size:13px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #112f4235}@media (width<=760px){.sidebar{width:66px;padding:15px 8px}.brand span:not(.brand-mark),.portal-switch,.nav-label,.nav-item:not(.active):after,.nav-item{font-size:0}.brand{padding:0 10px 24px}.nav-item{height:42px}.nav-item.active{font-size:0}.nav-icon{font-size:17px}.sidebar-bottom{display:none}header{height:78px;padding:0 20px}.header-actions{display:none}.content{padding:24px 18px}.form-grid{grid-template-columns:1fr}.drawer{width:100%;padding:24px}.field-head,.field-row{grid-template-columns:2fr 1fr 1fr}.field-head span:nth-child(4),.field-head span:nth-child(5),.field-row>span:nth-child(4),.field-row>span:nth-child(5){display:none}}.sidebar{color:#53647a;background:#eef3f8;border-right:1px solid #dce5ee;width:252px;padding:24px 16px}.brand{color:#17243a}.brand-mark{color:#fff;background:#2563eb}.portal-switch{background:#e2eaf2}.portal-switch button{color:#687b90}.portal-switch .active{color:#2563eb;background:#fff;box-shadow:0 2px 6px #33415514}.nav-label{color:#8a9aab}.nav-item{color:#5e7185}.nav-item.active,.nav-item:hover{color:#2563eb;background:#dbeafe}.nav-icon{color:#6988a8}.sidebar-bottom .org{color:#41576c;border-color:#d8e2eb}.user{border-color:#d8e2eb}.header-actions{color:#738396}.profile{color:#334155;border-left:1px solid #e5eaf0;align-items:center;gap:8px;margin-left:18px;padding-left:16px;font-size:12px;display:flex}.profile small{color:#8a99a8;font-size:10px}.profile .avatar{color:#2563eb;background:#dbeafe;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.content{max-width:1440px;padding:42px 56px}.card-grid{gap:24px}.cert-card{border-color:#e2e8f0;box-shadow:0 2px 10px #46637a0b}.thumb{background:#e8eef5;height:174px}.settings .panel{box-shadow:0 2px 10px #46637a0b}.demo-banner{color:#8a5a00;background:#fff7e6;border-bottom:1px solid #f3d7a1;padding:10px 42px;font-size:13px}.demo-note{color:#9a6a12;margin:8px 0 0;font-size:12px}.connected.failed{color:#c04d4b}.pagination{color:#718391;justify-content:center;align-items:center;gap:14px;margin-top:24px;font-size:12px;display:flex}.pagination button:disabled{opacity:.5;cursor:not-allowed}.login-modal{width:420px}.login-modal h2{margin-bottom:8px}.login-error{color:#b45b55;background:#fff3f1;border-radius:5px;padding:9px;font-size:12px}
