.sup-portal-hero{background:#1f487c;position:relative;padding:clamp(2.5rem,5vw,4rem) 2rem;text-align:center}.sup-portal-hero h1{font-size:clamp(1.8rem,4vw,3rem);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.sup-portal-hero p{color:#fffc;font-size:clamp(.85rem,1.5vw,1rem);margin:0}.sup-portal-page{background:#fff;padding:clamp(2rem,5vw,4rem) 2rem;min-height:60vh}.sup-portal-inner{max-width:1100px;margin:0 auto}.sup-portal-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:2rem}.sup-portal-search{flex:1;min-width:240px;position:relative}.sup-portal-search input{width:100%;padding:.65rem 1rem .65rem 2.4rem;border:1px solid #d1d5db;border-radius:999px;font-size:.85rem;font-family:Poppins,sans-serif;box-sizing:border-box;color:#1f2937;transition:border-color .15s,box-shadow .15s}.sup-portal-search input:focus{outline:none;border-color:#1f487c;box-shadow:0 0 0 3px #1f487c1f}.sup-portal-search svg{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8}.sup-portal-filter{display:flex;gap:.35rem;flex-wrap:wrap}.sup-portal-filter button{padding:.45rem .9rem;border:1px solid #d1d5db;background:#fff;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;color:#475569;font-family:Poppins,sans-serif;transition:all .15s}.sup-portal-filter button:hover{border-color:#1f487c;color:#1f487c}.sup-portal-filter button.active{background:#1f487c;border-color:#1f487c;color:#fff}.sup-section{margin-bottom:2.5rem}.sup-subsection{margin-top:1.2rem}.sup-subsection:first-child{margin-top:.5rem}.sup-subsection-header{display:flex;align-items:center;gap:.55rem;margin-bottom:.7rem;padding-bottom:.35rem;border-bottom:1px dashed #e5e7eb}.sup-subsection-title{font-size:.95rem;font-weight:600;margin:0;letter-spacing:.01em}.sup-subsection-logo{width:44px;height:44px;object-fit:contain;border-radius:7px;background:#fff;padding:4px;border:1px solid #e5e7eb;flex-shrink:0;margin-right:.25rem}.sup-subsection-count{font-size:.7rem;color:#94a3b8;margin-left:auto;background:#f1f5f9;padding:.15rem .55rem;border-radius:10px}.sup-section-header{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid #f0f0f0}.sup-section-logo{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#fff;padding:5px;border:1px solid #e5e7eb;flex-shrink:0;margin-right:.75rem}.sup-section-title{font-size:1.1rem;font-weight:700;color:#1f487c;text-transform:uppercase;letter-spacing:.05em;margin:0}.sup-section-count{font-size:.8rem;color:#94a3b8;margin-left:auto}.sup-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.65rem}.sup-file-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.7rem .85rem;display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s}.sup-file-card:hover{border-color:#1f487c;transform:translateY(-1px);box-shadow:0 4px 14px #0000000f;background:#fafbfd}.sup-file-card:focus-visible{outline:none;border-color:#1f487c;box-shadow:0 0 0 3px #1f487c2e}.sup-file-icon{flex-shrink:0;width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff}.sup-file-icon svg{width:20px;height:20px}.sup-file-icon-lg{width:56px;height:56px;border-radius:12px}.sup-file-icon-lg svg{width:28px;height:28px}.sup-file-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.sup-file-card-body .sup-file-name{font-size:.9rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sup-file-card-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.sup-file-card-adminflag{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;background:#fef3c7;color:#92400e;border-radius:999px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sup-file-card-statusdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:.15rem}.sup-file-card-statusdot-approved{background:#10b981;box-shadow:0 0 0 2px #10b9812e}.sup-file-card-statusdot-pending{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b2e}.sup-file-card-statusdot-denied{background:#ef4444;box-shadow:0 0 0 2px #ef44442e}.sup-file-card-arrow{flex-shrink:0;width:16px;height:16px;color:#94a3b8;transition:transform .15s,color .15s}.sup-file-card:hover .sup-file-card-arrow{color:#1f487c;transform:translate(2px)}.sup-file-detail{position:fixed;inset:0;background:#0f172a8c;display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sup-file-detail.open{display:flex;animation:supDetailFade .15s ease-out}@keyframes supDetailFade{0%{opacity:0}to{opacity:1}}.sup-file-detail-box{position:relative;background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:88vh;overflow-y:auto;padding:1.6rem 1.6rem 1.4rem;box-shadow:0 20px 60px #0000004d}.sup-file-detail-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:transparent;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .15s,color .15s}.sup-file-detail-close:hover{background:#f1f5f9;color:#1f2937}.sup-file-detail-header{display:flex;gap:1rem;padding-right:2.5rem;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid #f1f5f9}.sup-file-detail-headerinfo{flex:1;min-width:0}.sup-file-detail-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 .4rem;line-height:1.3;word-break:break-word}.sup-file-detail-tagrow{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .55rem}.sup-file-detail-section{margin-bottom:1.2rem}.sup-file-detail-section:last-child{margin-bottom:0}.sup-file-detail-label{font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.sup-file-desc-full{-webkit-line-clamp:unset!important;overflow:visible!important;font-size:.85rem;line-height:1.6;color:#334155}.sup-file-desc-full p{margin:0 0 .6rem}.sup-file-desc-full p:last-child{margin-bottom:0}@media(max-width:540px){.sup-file-detail-box{padding:1.2rem;max-height:92vh;border-radius:14px}.sup-file-detail-header{flex-direction:column;gap:.75rem}}.sup-type-filter{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:0 0 1rem;padding:.5rem .75rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px}.sup-type-filter-label{font-size:.72rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-right:.25rem}.sup-type-filter-chip{cursor:pointer;user-select:none;padding:.25rem .7rem;border-radius:20px;font-size:.72rem;font-weight:500;background:#fff;color:#475569;border:1px solid #e2e8f0;font-family:Poppins,sans-serif;transition:background .15s,border-color .15s}.sup-type-filter-chip:hover{background:#f1f5f9}.sup-type-filter-chip.active{background:var(--chip-bg, #eff6ff);color:var(--chip-color, #1e40af);border-color:var(--chip-color, #1e40af)}.sup-type-filter-clear{margin-left:auto;padding:.2rem .55rem;border-radius:5px;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.72rem;font-weight:500;font-family:Poppins,sans-serif}.sup-type-filter-clear:hover{background:#e2e8f0;color:#475569}.sup-file-adminonly{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:5px;background:#fef3c7;color:#92400e;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.sup-file-card:has(.sup-file-adminonly){border:1px dashed #fcd34d;background:linear-gradient(180deg,#fffbeb,#fff 30%)}.sup-file-tagchips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0 .55rem}.sup-tag-chip{display:inline-block;padding:.1rem .55rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.sup-tag-chip-version{border:1px dashed}.sup-file-name{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.3;word-break:break-word}.sup-file-desc{font-size:.75rem;color:#64748b;line-height:1.5;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sup-file-desc p,.sup-file-desc h1,.sup-file-desc h2,.sup-file-desc h3,.sup-file-desc ul,.sup-file-desc ol{margin:0}.sup-file-desc p+p,.sup-file-desc ul,.sup-file-desc ol{margin-top:.35rem}.sup-file-desc ul,.sup-file-desc ol{padding-left:1.2rem}.sup-file-desc h1,.sup-file-desc h2,.sup-file-desc h3{font-size:.8rem;font-weight:700;color:#334155}.sup-file-desc a{color:#1f487c;text-decoration:underline}.sup-file-desc.expanded{-webkit-line-clamp:unset;overflow:visible}.sup-file-desc-toggle{background:none;border:none;padding:0;font-size:.72rem;font-weight:600;color:#1f487c;cursor:pointer;font-family:Poppins,sans-serif;margin:-.3rem 0 .55rem;display:none;align-self:flex-start;text-align:left}.sup-file-desc-toggle:hover{text-decoration:underline}.sup-file-manifest{margin:.7rem 0 .2rem;padding:.55rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.sup-file-manifest summary{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#475569;cursor:pointer;list-style:none;user-select:none}.sup-file-manifest summary::-webkit-details-marker{display:none}.sup-file-manifest summary:before{content:"▸";color:#94a3b8;font-size:.72rem;margin-right:.15rem;display:inline-block;transition:transform .15s}.sup-file-manifest[open] summary:before{transform:rotate(90deg)}.sup-file-manifest-count{color:#94a3b8;font-weight:500;margin-left:.3rem}.sup-file-manifest-list{list-style:none;padding:0;margin:.6rem 0 0;display:flex;flex-direction:column;gap:.2rem}.sup-file-manifest-list li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.25rem .5rem;background:#fff;border-radius:5px;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sup-file-manifest-name{color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-file-manifest-size{color:#94a3b8;flex-shrink:0}.sup-file-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;margin-top:auto}.sup-file-type-chip{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.04em}.sup-file-meta-text{color:#64748b!important;font-size:.7rem!important}.sup-file-actions{margin-top:.6rem}.sup-file-dl{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#1f487c;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s}.sup-file-dl:hover{background:#163a66}.sup-file-dl svg{width:13px;height:13px}.sup-file-state{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:6px;font-size:.72rem;font-weight:600;line-height:1.2}.sup-file-state svg{width:13px;height:13px}.sup-file-state-pending{background:#fef3c7;color:#92400e}.sup-file-countdown{display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;padding:.25rem .55rem;background:#05966914;border:1px solid rgba(5,150,105,.22);color:#047857;border-radius:6px;font-size:.7rem;font-weight:600;font-family:ui-monospace,Cascadia Code,monospace}.sup-file-countdown svg{color:#047857}.sup-file-countdown-label{color:#475569;font-weight:500;font-family:Poppins,sans-serif}.sup-file-countdown.warn{background:#d977061a;border-color:#d977064d;color:#b45309}.sup-file-countdown.warn svg{color:#b45309}.sup-file-countdown.expired{background:#dc26261a;border-color:#dc26264d;color:#b91c1c}.sup-file-countdown.expired svg{color:#b91c1c}.sup-file-countdown-perma{background:#1f487c14;border-color:#1f487c38;color:#1f487c}.sup-file-countdown-perma svg{color:#1f487c}.sup-file-state-denied{background:#fee2e2;color:#b91c1c}.sup-file-admin-note{font-size:.7rem;color:#64748b;font-style:italic;margin:.4rem 0;line-height:1.5}.sup-file-request{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:#fff;color:#1f487c;border:1px solid #1F487C;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:background .15s,color .15s}.sup-file-request:hover:not(:disabled){background:#1f487c;color:#fff}.sup-file-request:disabled{opacity:.55;cursor:not-allowed}.sup-file-request svg{width:13px;height:13px}.sup-file-request-retry{background:#f8fafc;color:#475569;border-color:#cbd5e1;margin-top:.4rem}.sup-file-request-retry:hover:not(:disabled){background:#1f487c;color:#fff;border-color:#1f487c}.sup-empty{text-align:center;padding:3rem 1rem;color:#94a3b8;font-size:.9rem}.sup-portal-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.8rem 1.2rem;font-size:.82rem;color:#1f487c;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.7rem}.sup-portal-banner a{color:#1f487c!important}.sup-portal-banner svg{flex-shrink:0;margin-top:.15rem}.sup-admin-topbar{background:linear-gradient(90deg,#1f487c,#163a66);color:#fff;padding:1rem 0;box-shadow:0 2px 12px #1f487c40;border-bottom:3px solid #0f2849;position:sticky;top:var(--navbar-h, 92px);z-index:99}.sup-admin-topbar-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sup-admin-topbar-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;background:#fff;color:#1f487c;padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 1px 3px #0003;white-space:nowrap}.sup-admin-topbar-badge svg{width:14px;height:14px}.sup-admin-topbar-msg{font-size:.9rem;flex:1;min-width:200px;color:#fffffff2;line-height:1.45}.sup-admin-topbar-msg strong{font-weight:700;color:#fff}.sup-admin-topbar-link{color:#fff;text-decoration:underline;font-weight:600;font-size:.9rem;white-space:nowrap}.sup-admin-topbar-link:hover{color:#bfdbfe}.sup-admin-topbar-toggle{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);padding:.35rem .7rem;border-radius:6px;text-decoration:none}.sup-admin-topbar-toggle:hover{background:#ffffff38;color:#fff}.sup-preview-topbar{background:linear-gradient(90deg,#b45309,#92400e);color:#fff;padding:1rem 0;box-shadow:0 2px 12px #92400e40;border-bottom:3px solid #78350f;position:sticky;top:var(--navbar-h, 92px);z-index:99}.sup-preview-topbar-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sup-preview-topbar-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;background:#fff;color:#92400e;padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 1px 3px #0003;white-space:nowrap}.sup-preview-topbar-badge svg{width:14px;height:14px}.sup-preview-topbar-msg{font-size:.9rem;flex:1;min-width:200px;color:#fffffff2;line-height:1.45}.sup-preview-topbar-msg strong{font-weight:700;color:#fff}.sup-preview-topbar-link{color:#fff;text-decoration:underline;font-weight:600;font-size:.9rem;white-space:nowrap;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);padding:.35rem .7rem;border-radius:6px}.sup-preview-topbar-link:hover{color:#fff;background:#ffffff38}@media(max-width:720px){.sup-preview-topbar{padding:.75rem 0}.sup-preview-topbar-inner{flex-direction:column;align-items:flex-start;gap:.45rem;padding:0 1rem}.sup-preview-topbar-badge{font-size:.8rem;padding:.4rem .8rem}.sup-preview-topbar-msg,.sup-preview-topbar-link{font-size:.82rem}}.sup-portal-hero-admin{background:linear-gradient(135deg,#0f2849,#1f487c)!important;box-shadow:inset 0 0 0 3px #1f487c;position:relative;overflow:hidden}.sup-admin-ribbon{position:absolute;top:28px;right:-52px;background:#fff;color:#1f487c;padding:.35rem 4rem;font-weight:800;font-size:.8rem;letter-spacing:.25em;transform:rotate(35deg);box-shadow:0 4px 12px #00000040;pointer-events:none;z-index:5}.sup-portal-page-admin{background:#f8fafc!important;position:relative;overflow-x:clip}.sup-admin-stripe{position:absolute;top:0;bottom:0;width:4px;background:#1f487c;pointer-events:none}.sup-admin-stripe-left{left:0}.sup-admin-stripe-right{right:0}.sup-login-wall{max-width:480px;margin:3rem auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:2.5rem 2rem;text-align:center;box-shadow:0 6px 30px #0000000f}.sup-login-wall-icon{width:64px;height:64px;border-radius:50%;background:#eff6ff;color:#1f487c;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}.sup-login-wall h2{font-size:1.3rem;font-weight:700;color:#1f487c;margin:0 0 .6rem}.sup-login-wall p{font-size:.9rem;color:#475569;line-height:1.6;margin:0 0 1.5rem}.sup-login-wall-btn{display:inline-block;padding:.75rem 1.6rem;background:#1f487c;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:background .15s}.sup-login-wall-btn:hover{background:#163a66}.sup-login-wall-hint{font-size:.75rem;color:#94a3b8;margin-top:1rem}@media(max-width:720px){.sup-admin-topbar{padding:.75rem 0}.sup-admin-topbar-inner{flex-direction:column;align-items:flex-start;gap:.45rem;padding:0 1rem}.sup-admin-topbar-badge{font-size:.8rem;padding:.4rem .8rem}.sup-admin-topbar-msg,.sup-admin-topbar-link{font-size:.82rem}.sup-admin-stripe{width:3px}.sup-admin-ribbon{right:-60px;padding:.3rem 4rem;font-size:.7rem;top:22px}}