:root{--color-bg:#f5f5f0;--color-surface:#fff;--color-primary:#dc143c;--color-secondary:#003893;--color-text-main:#1a1a1a;--color-text-muted:#666;--color-border:#e2e2e2;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 10px 15px #0000000d;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}@media (width<=768px){header{flex-direction:column;gap:16px;padding:16px!important}.desktop-nav{flex-wrap:wrap;justify-content:center;gap:12px!important}main>div,.animate-fade-in>div{padding:16px!important}h1{font-size:28px!important}.responsive-grid{grid-template-columns:1fr!important}.file-info-container{flex-direction:column;align-items:stretch!important;gap:8px!important}}